@extends('admin.master')
@section('pageContent')

    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                        {{__("admin.content.contents.Contents")}}</h1>
                    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                        <li class="breadcrumb-item text-muted">
                            <a href="{{route('admin')}}"
                               class="text-muted text-hover-primary">{{__("admin.content.contents.Home")}}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-400 w-5px h-2px"></span>
                        </li>
                        <li class="breadcrumb-item text-muted">{{__("admin.content.contents.Contents")}}</li>
                    </ul>
                </div>
                <div class="d-flex align-items-center gap-2 gap-lg-3">
                    <div class="d-flex ">

                        <a href="{{Request::url()}}/create" class="btn btn-success" style="margin-right: 10px">
                            {{__("admin.content.contents.Add new")}}
                        </a>
                        <a onclick="document.getElementById('export_form').value=1; SearchForm.action='{{route('contents.export')}}'; SearchForm.submit(); return false;"
                           class="btn btn-white" style="margin-right: 10px">
                            {{__("admin.content.contents.Export")}}
                        </a>
                        <button type="button"
                                onclick="document.getElementById('only_trashed').value=2; SearchForm.submit(); return false;"
                                class="btn btn-danger" style="margin-right: 10px">
                            {{__("admin.content.contents.Deleted items")}}&nbsp;
                            <span class="badge badge-light ">
                                {{@$DeletedItems}}
                            </span>
                        </button>
                    </div>

                </div>
            </div>

        </div>
        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <div class="card shadow-sm">
                    <div class="card-header collapsible cursor-pointer rotate {{@$filter->search!="1" ? "collapsed" : "active"}}"
                         data-bs-toggle="collapse"
                         data-bs-target="#kt_docs_card_collapsible">
                        <h3 class="card-title">{{__("admin.content.contents.Filter")}}</h3>
                        <div class="card-toolbar rotate-180">
                            <span class="svg-icon svg-icon-1">
                                ...
                            </span>
                        </div>
                    </div>
                    <div id="kt_docs_card_collapsible" class="collapse {{@$filter->search!="1" ? "" : "show"}}">
                        <div class="card-body">
                            <form class="kt_account_profile_details_form" action="{{route('contents.search')}}"
                                  method="GET"
                                  name="SearchForm">
                                <input type="hidden" name="search" value="1">
                                <input type="hidden" id="export_form" name="export_form" value="0">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="find_in_field">{{__("admin.content.contents.Find in")}}
                                            :</label>
                                        <div class="input-group">
                                            <select name="find_in_field" id="find_in_field"
                                                    class="form-select form-select-solid fw-bold col-lg-3">
                                                <option value="content_title" {{@$filter->find_in_field=="title" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Title")}}
                                                </option>
                                                <option value="expire_at" {{@$filter->find_in_field=="expire_at" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Expiration date")}}
                                                </option>
                                            </select>
                                            <select name="find_in_operator" id="find_in_operator"
                                                    class="form-select col-lg-3">
                                                <option value="contain" {{@$filter->find_in_operator=="contain" ? "selected" : ""}}>
                                                    {{__('admin.content.contents.Contain')}}
                                                </option>
                                                <option value="equal_to" {{@$filter->find_in_operator=="equal_to" ? "selected" : ""}}>
                                                    {{__('admin.content.contents.Equal to')}}
                                                </option>
                                                <option value="start_with" {{@$filter->find_in_operator=="start_with" ? "selected" : ""}}>
                                                    {{__('admin.content.contents.Start with')}}
                                                </option>
                                                <option value="end_with" {{@$filter->find_in_operator=="end_with" ? "selected" : ""}}>
                                                    {{__('admin.content.contents.End with')}}
                                                </option>
                                            </select>
                                            <input type="text" name="find_in_value" id="find_in_value"
                                                   maxlength="255" value="{{@$filter->find_in_value}}"
                                                   class="form-control col-lg-6" aria-describedby=""
                                                   placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label for="content_type">{{__("admin.content.contents.Type")}}:</label>
                                        <select name="content_type" id="content_type" class="form-select">
                                            <option value="">
                                                {{__("admin.content.contents.All")}}
                                            </option>
                                            @foreach(\App\Models\Admin\Lookup\Content\ContentType::all() as $lookupItem)
                                                <option value="{{$lookupItem->lookup_value}}" {{old('content_type', @$filter->content_type) == $lookupItem->lookup_value ? "selected" : "" }}>
                                                    {{$lookupItem->lookup_name}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-3 mb-3">
                                        <label for="content_category">{{__("admin.content.contents.Category")}}
                                            :</label>
                                        <select name="content_category" id="content_category" class="form-select">
                                            <option value="">
                                                {{__("admin.content.contents.All")}}
                                            </option>
                                            @foreach(\App\Models\Admin\Lookup\Content\ContentCategory::all() as $lookupItem)
                                                <option value="{{$lookupItem->lookup_value}}" {{old('content_category', @$filter->content_category) == $lookupItem->lookup_value ? "selected" : "" }}>
                                                    {{$lookupItem->lookup_name}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-4 mb-3">
                                        <label for="sort_by">{{__("admin.content.contents.Sort by")}}:</label>
                                        <div class="input-group">
                                            <select name="sort_by" id="sort_by" class="form-select col-lg-8">
                                                <option value="id" {{@$filter->sort_by=="id" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.ID")}}
                                                </option>
                                                <option value="content_title" {{@$filter->sort_by=="content_title" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Title")}}
                                                </option>
                                                <option value="content_category" {{@$filter->sort_by=="content_category" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Category")}}
                                                </option>
                                                <option value="expire_at" {{@$filter->sort_by=="expire_at" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Expiration date")}}
                                                </option>
                                                <option value="record_state" {{@$filter->sort_by=="record_state" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Status")}}
                                                </option>
                                            </select>
                                            <select name="sort_by_order" id="sort_by_order"
                                                    class="form-select col-lg-4">
                                                <option value="DESC" {{@$filter->sort_by_order=="DESC" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Descending")}}
                                                </option>
                                                <option value="ASC" {{@$filter->sort_by_order=="ASC" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Ascending")}}
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-2 mb-3">
                                        <label for="record_state">{{__("admin.content.contents.Status")}}:</label>
                                        <div class="input-group">
                                            <select name="record_state" id="record_state" class="form-select">
                                                <option value="">
                                                    {{__("admin.content.contents.All")}}
                                                </option>
                                                <option value="0" {{@$filter->record_state=="0" ? "selected" : ""}}>
                                                    {{__("admin.Disabled")}}
                                                </option>
                                                <option value="1" {{@$filter->record_state=="1" ? "selected" : ""}}>
                                                    {{__("admin.Active")}}
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-2 mb-3">
                                        <label for="only_trashed">{{__("admin.content.contents.Deleted items")}}
                                            :</label>
                                        <div class="input-group">
                                            <select name="only_trashed" id="only_trashed" class="form-select">
                                                <option value="0" {{@$filter->only_trashed=="0" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.No")}}
                                                </option>
                                                <option value="2" {{@$filter->only_trashed=="2" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.Yes")}}
                                                </option>
                                                <option value="1" {{@$filter->only_trashed=="1" ? "selected" : ""}}>
                                                    {{__("admin.content.contents.All")}}
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-2 mb-3">
                                        <label for="per_page">{{__("admin.content.contents.Records per page")}}
                                            :</label>
                                        <div class="input-group">
                                            <select name="per_page" id="per_page" class="form-select">
                                                <option value="15" {{@$filter->per_page=="20" ? "selected" : ""}}>
                                                    15
                                                </option>
                                                <option value="50" {{@$filter->per_page=="50" ? "selected" : ""}}>
                                                    50
                                                </option>
                                                <option value="100" {{@$filter->per_page=="100" ? "selected" : ""}}>
                                                    100
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                            </form>
                        </div>
                        <div class="card-footer">
                            <button onclick="document.getElementById('export_form').value=0; SearchForm.submit(); return false;"
                                    class="btn btn-dark" data-toggle="kt-tooltip"
                                    data-placement="top">
                                <em class="fas fa-search"></em> {{__("admin.content.contents.Apply")}}
                            </button>
                            <a href="{{route('contents.index')}}" class="btn btn-white border"
                               data-toggle="kt-tooltip" data-placement="top">
                                {{__("admin.content.contents.Reset")}}
                            </a>
                        </div>
                    </div>
                </div>
                <br>
                <div class="card shadow-sm">
                    <div class="card-body">
                        <div class="col-12">
                            <div class="d-none d-print-block">
                                {{date("Y-m-d h:i:sa")}}
                            </div>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover">
                                    <thead>
                                    <tr class="thead-light">
                                        <th scope="col" class="text-center align-middle font-weight-bold">
                                            {{__("admin.content.contents.Title")}}
                                        </th>
                                        <th scope="col" class="text-center align-middle font-weight-bold">
                                            {{__("admin.content.contents.Status")}}
                                        </th>
                                        <th scope="col"
                                            class="text-center d-print-none align-middle font-weight-bold">
                                            {{__("admin.content.contents.View")}}
                                        </th>
                                        <th scope="col"
                                            class="text-center d-print-none align-middle font-weight-bold">
                                            {{__("admin.content.contents.Edit")}}
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($data as $item)
                                        <tr>
                                            <td class="text-center align-middle"
                                                @if(@$item->deleted_at) style="text-decoration:line-through" @endif>
                                                {{@json_decode(@$item->translations,true)['content_title'][app()->getLocale()] ?? @$item->content_title}}
                                            </td>
                                            <td class="text-center align-middle">
                                                <span class="badge badge-{{$item->status_color}}">
                                                    {{$item->status}}
                                                </span>
                                            </td>
                                            <td class="text-center align-middle d-print-none">
                                                <em class="fas fa-eye"></em>

                                                {{-- <a href="{{route('contents')}}/{{$item->contentType->lookup_value}}/{{$item->slug}}" target="_blank" class="btn btn-outline-hover-info btn-icon">
                                                </a> --}}
                                            </td>
                                            <td class="text-center align-middle d-print-none">
                                                <a href="{{Request::url()}}/{{$item->id}}"
                                                   class="btn btn-outline-hover-info btn-icon">
                                                    <em class="fas fa-edit"></em>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="d-print-none">
                                {!! $data->appends(request()->except('page'))->links() !!}
                            </div>
                            @if($data->count() <1)
                                <div class="form-group form-group-last">
                                    <div class="alert alert-secondary" role="alert">
                                        <div class="alert-icon">
                                            <em class="flaticon-warning kt-font-brand"></em>
                                        </div>
                                        <div class="alert-text">
                                            {{__("admin.common.No data found")}}
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop