@extends('admin.layouts.master')

@section('contents')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('Lookups')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active">{{__('Lookups')}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            @if(auth()->user()->can('create_lookups')  )
            <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
                <div class="form-group breadcrum-right">
                    <a href="{{route('lookups.create')}}">
                        <button type="button" class="btn bg-gradient-primary mr-1 mb-1 waves-effect waves-light">{{__('Add New Lookup')}}</button>

                    </a>
                </div>
            </div>
            @endif

        </div>
        @include('admin.lookups.search_form')
        <div class="content-body">
            <!-- Zero configuration table -->
            <section id="basic-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">

                            <div class="card-content">
                                <div class="card-body card-dashboard">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>{{ __('Name') }}</th>
                                                <th>{{ __('Display Name') }}</th>
                                                <th>{{ __('Active') }}</th>
                                                <th>{{ __('Createt By') }}</th>
                                                <th>{{ __('Updated by') }}</th>
                                                <th>{{ __('Actions') }}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @if(count($lookups) > 0)
                                                @foreach($lookups as $key => $lookup)

                                                    <tr>
                                                        <td>
                                                            {{$lookup->id}}
                                                        </td>

                                                        <td >
                                                            @if($lookup->name != '')
                                                                @if($lookup->parent)
                                                                    <span class="text-primary">
                                        <a href="{{route('lookups.show',[$lookup->uuid])}}"
                                           class="font-medium"> {{ $lookup->name }}</a>
                                        </span>
                                                                @else
                                                                    <span class="text-success">
                                            <a href="{{route('lookups.show',[$lookup->uuid])}}"
                                               class="font-medium"> {{ $lookup->name }}</a>
                                        </span>
                                                                @endif
                                                            @endif
                                                        </td>
                                                        <td >
                                                            <h4 class="">
                                                                <b>{{ getTrans($lookup->display_name, lang()) }}</b>
                                                            </h4>
                                                            @if($lookup->parent)
                                                                <span>{{ __('lookup.parent') }} : <b
                                                                        class="">{{ getTrans($lookup->parent->display_name, lang()) }}</b></span>
                                                            @else
                                                                <span
                                                                    class="text-danger">{{ __('lookup.no_parent') }}</span>
                                                            @endif
                                                        </td>
                                                        <td >
                                                            @if($lookup->is_active == 1)
                                                                <div
                                                                    class="flex items-center justify-center text-success">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                         height="24" viewBox="0 0 24 24" fill="none"
                                                                         stroke="currentColor" stroke-width="2"
                                                                         stroke-linecap="round" stroke-linejoin="round"
                                                                         icon-name="check-square"
                                                                         data-lucide="check-square"
                                                                         class="lucide lucide-check-square w-4 h-4 mr-2">
                                                                        <polyline points="9 11 12 14 22 4"></polyline>
                                                                        <path
                                                                            d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
                                                                    </svg> {{__('Active')}} </div>
                                                            @else
                                                                <div
                                                                    class="flex items-center justify-center text-danger">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                         height="24" viewBox="0 0 24 24" fill="none"
                                                                         stroke="currentColor" stroke-width="2"
                                                                         stroke-linecap="round" stroke-linejoin="round"
                                                                         icon-name="check-square"
                                                                         data-lucide="check-square"
                                                                         class="lucide lucide-check-square w-4 h-4 mr-2">
                                                                        <polyline points="9 11 12 14 22 4"></polyline>
                                                                        <path
                                                                            d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
                                                                    </svg> {{__('Inactive')}} </div>
                                                            @endif
                                                        </td>
                                                        <td >
                                                            <div
                                                                class="">{{ ($lookup->createdByUser)? $lookup->createdByUser->name : 'System' }}</div>
                                                            <span
                                                                class="text-gray-200">{{ custom_date($lookup->created_at) }}</span>
                                                        </td>
                                                        <td >
                                                            <h6>{{ ($lookup->updatedByUser)? $lookup->updatedByUser->name : '' }}</h6>
                                                            {{ ($lookup->updatedByUser)? custom_date($lookup->updated_at) : '' }}
                                                        </td>
                                                        <td>
                                                            <a href="{{route('lookups.show' , $lookup->uuid)}}">
                                                                <button type="button" title="{{__('View')}}"
                                                                        class="btn btn-outline-primary mr-1 mb-1"><i
                                                                        class="fa fa-eye"></i>
                                                                </button>
                                                            </a>
                                                            @if(auth()->user()->can('update_lookups')  )
                                                            <a href="{{route('lookups.edit' , $lookup->uuid)}}">
                                                                <button type="button" title="{{__('Edit')}}"
                                                                        class="btn btn-outline-primary mr-1 mb-1"><i
                                                                        class="fa fa-edit"></i>
                                                                </button>
                                                            </a>
                                                            @endif
                                                            @if(auth()->user()->can('delete_lookups')  )
                                                            <a onclick="confirmAlert(`{{route('lookups.delete',[$lookup->uuid])}}`)"
                                                               href="#">
                                                                <button type="button" title="{{__('Delete')}}"
                                                                        class="btn btn-outline-danger mr-1 mb-1"><i
                                                                        class="fa fa-trash"></i>
                                                                </button>
                                                            </a>
                                                            @endif

                                                        </td>                                                    </tr>
                                                @endforeach
                                            @endif

                                            </tbody>

                                        </table>
                                    </div>

                                    <!-- Pagination -->
                                    @include('admin.components.advanced-pagination', ['paginator' => $lookups])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--/ Zero configuration table -->


        </div>
    </div>

@endsection