@extends('admin.layouts.main')
@section('title',"Danh sách langding page")
@section('css')
<style>
    .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;
    }
</style>
@endsection
@section('content')
<style>
    body {
        font-family: 'Open Sans', sans-serif;
        background-color: #fff !important;
    }

    @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');

    .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>
<div class="content-wrapper">
    @include('admin.partials.content-header',['name'=>"Quản lý langding page","key"=>"Langding Page"])
    <!-- 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 ">
                        <a href="{{route('admin.categorylanding.create',['parent_id'=>request()->parent_id??0])}}"
                            class="btn btn-info btn-md mb-2">+ Thêm mới</a>

                    </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.categorylanding.index',['parent_id'=>0]) }}">Root</a></li>
                        @foreach ($parentBr->breadcrumb as $item)
                        <li><a href="{{ route('admin.categorylanding.index',['parent_id'=>$item['id']]) }}">{{
                                $item['name'] }}</a></li>
                        @endforeach
                        <li><a href="{{ route('admin.categorylanding.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-landing', [
                            'data' => $data,
                            'routeNameEdit'=>'admin.categorylanding.edit',
                            'routeNameAdd'=>'admin.categorylanding.create',
                            'routeNameDelete'=>'admin.categorylanding.destroy',
                            'routeNameOrder'=>'admin.loadOrderVeryModel',
                            'table'=>'category_landings',
                            ])
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    {{ $data->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js')

@endsection