@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ __('common.category') }} @endsection
@section('heading') {{ __('common.category') }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection

{{--@push('styles')--}}

    <link rel="stylesheet" href="{{ asset('assets/css/bstreeview.css') }}">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />


{{--@endpush--}}

@section('content')
     <div class="row">
        <div class="col-12">
            <div class="card card-secondary">
                <div class="card-header" style="background-color: {{config('custom.background')}}">

                    <div class="row">
                        <div class="col-8">
                            <h3 class="card-title p-2">{{ __('common.list') }}</h3>
                        </div>
                        <div class="col-4">

                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">

                            <ul id="tree1" style="font-size: 25;cursor: pointer;">
                                @foreach($categories as $category)
                                    <li>
                                         <span class="material-icons">
                                            category
                                        </span>
                                          {{ $category->name }}

                                        @if(count($category->childs))
                                            @include('admin.category.child-category',['childs' => $category->childs])
                                        @endif
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                </div>
            </div>
        </div>
    </div>
    @include('includes.modal_delete')
@endsection
@push('head.start')
@endpush
@push('body.end')
{{--    <script src="/path/to/cdn/jquery.min.js"></script>--}}

{{--    <script src="/path/to/cdn/bootstrap.min.js"></script>--}}

    <script src="{{asset('assets/js/bstreeview.js')}}">

@endpush