@extends('admin.layouts.main')
@section('title',"danh sach category post")
@section('css')
<style>
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
    .card-header  {
        color: #4c4d5a;
        border-color: #dcdcdc;
        background: #f6f6f6;
        text-shadow: 0 -1px 0 rgb(50 50 50 / 0%);
    }
    .title-card-recusive{
        font-size: 13px;
        background: #ECF0F5;
    }
    .lb_list_category{
        font-size: 13px;
        margin-bottom: 0;
    }
    .fa-check-circle{
        color: #169F85;
        font-size: 18px;
    }
    .fa-check-circle{
        color: #169F85;
        font-size: 18px;
    }
    .fa-times-circle{
        color: #f23b3b;
       font-size: 18px;
    }
    body {
		font-family: 'Open Sans', sans-serif;
		background-color: #fff!important;
	}

	.justify-content-between {
		text-align: right;
	}
	.justify-content-between a {
		text-align: right;
	}
	.content-header h1 {
		font-size: 25px;
		margin: 0;
	}
	.card-primary.card-outline {
		border-top: 3px solid #333;
	}
</style>
@endsection
@section('content')

<div class="content-wrapper">
    @include('admin.partials.content-header',['name'=>"Quản lý tin tức","key"=>"Danh mục"])
    <!-- Main content -->
    <div class="content">
      <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                @if(session("alert"))
                <div class="alert alert-success">
                    {{session("alert")}}
                </div>
                @elseif(session('error'))
                <div class="alert alert-warning">
                    {{session("error")}}
                </div>
                @endif

                <div class="d-flex justify-content-between ">
                  <div class="text-right w-100">
                    <a href="{{route('admin.categorypost.create',['parent_id'=>request()->parent_id??0])}}" class="btn btn-info btn-md mb-2 ">+ Thêm mới</a>
                  </div>

                    {{-- <div class="group-button-right d-flex">
                        <form action="{{route('admin.categorypost.import.excel.database')}}" class="form-inline" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group" style="max-width: 250px">
                                <input type="file" class="form-control-file" name="fileExcel" accept=".xlsx" required>
                              </div>
                            <input type="submit" value="Import Execel" class=" btn btn-info ml-1">
                        </form>
                        <form class="form-inline ml-3" action="{{route('admin.categorypost.export.excel.database')}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <input type="submit" value="Export Execel" class=" btn btn-danger">
                        </form>
                    </div> --}}
                </div>

                <div class="card card-outline card-info">
                    <div class="card-header pt-2 pb-2">
                        <div class="cart-title">
                            <i class="fas fa-list"></i> Danh mục
                        </div>
                    </div>
                </div>

                @if (isset($parentBr)&&$parentBr)
                <ol class="breadcrumb">
                  <li><a href="{{ route('admin.categorypost.index',['parent_id'=>0]) }}">Root</a></li>

                  @foreach ($parentBr->breadcrumb as $item)
                   <li><a href="{{ route('admin.categorypost.index',['parent_id'=>$item['id']]) }}">{{ $item['name'] }}</a></li>
                  @endforeach
                  <li><a href="{{ route('admin.categorypost.index',['parent_id'=>$parentBr->id]) }}">{{ $parentBr->name }}</a></li>
                </ol>
                @endif

                <div class="card card-outline card-primary">
                    <div class="card-body table-responsive lb-list-category">
                        @include('admin.components.category', [
                            'data' => $data,
                            'routeNameEdit'=>'admin.categorypost.edit',
                            'routeNameAdd'=>'admin.categorypost.create',
                            'routeNameDelete'=>'admin.categorypost.destroy',
                            'routeNameOrder'=>'admin.loadOrderVeryModel',
                            'table'=>'category_posts',
                        ])
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                {{$data->links()}}
            </div>
        </div>
      </div>
    </div>
</div>

@endsection

@section('js')

@endsection