@extends('admin.layouts.main')
@section('title',"danh sach category galaxy")
@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">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Danh mục thư viện</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="/admin">Trang chủ</a></li>
                        <li class="breadcrumb-item active">Danh mục thư viện</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- 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.categorygalaxy.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.categorygalaxy.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.categorygalaxy.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.categorygalaxy.index',['parent_id'=>0]) }}">Root</a></li>

                    @foreach ($parentBr->breadcrumb as $item)
                    <li><a href="{{ route('admin.categorygalaxy.index',['parent_id'=>$item['id']]) }}">{{
                                $item['nameL'] }}</a></li>
                    @endforeach
                    <li><a href="{{ route('admin.categorygalaxy.index',['parent_id'=>$parentBr->id]) }}">{{
                                $parentBr->nameL }}</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.categorygalaxy.edit',
                        'routeNameAdd'=>'admin.categorygalaxy.create',
                        'routeNameDelete'=>'admin.categorygalaxy.destroy',
                        'routeNameOrder'=>'admin.loadOrderVeryModel',
                        'routeLoadActive'=>'admin.categorygalaxy.load.active',
                        'routeLoadHot'=>'admin.categorygalaxy.load.hot',
                        'table'=>'category_galaxies',
                        ])
                    </div>
                </div>
            </div>
            {{-- <div class="col-md-12">
                    {{ $data->links('pagination::bootstrap-4') }}
        </div> --}}
    </div>
</div>
</div>
</div>

@endsection

@section('js')

@endsection