@extends('layouts.dashboard.app')

@section('title')
    {{ __('pages.dashboard') }}
@endsection

@section('custom-body-attr')
    {!! 'class="g-sidenav-show bg-gray-100"' !!}
@endsection

@section('content')
    <div class="min-height-300 bg-primary position-absolute w-100"></div>
    @include('admin::layouts.aside')

    <main class="main-content position-relative border-radius-lg ">
        @include('admin::layouts.navbar')

        <div class="container-fluid py-4">
            <div class="row">
                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-header pb-0" style="display: flex;justify-content: space-between;">
                            <div>
                                <h6>{{ __('pages.localities') }}</h6>
                            </div>
                            {{ Form::open(array('route' => 'admin.localities.store', 'method' => 'post', 'role' => 'form')) }}
                                <div class="d-flex">
                                    <div style="margin-right: 1rem">
                                        <input name="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                               placeholder="{{ __('pages.locality') }}" aria-label="locality" value="{{ old('name') }}">
                                        <div class="invalid-feedback">{{ $errors->first('name') ?? '' }}</div>
                                    </div>
                                    <button id="add_locality" class="btn btn-primary btn-sm m-0" type="submit">{{ __('pages.add') }}</button>
                                </div>
                            {{ Form::close() }}
                        </div>
                        <div class="card-body px-0 pt-0 pb-2">
                            <div class="table-responsive p-0">
                                <table class="table align-items-center mb-0">
                                    <thead>
                                    <tr>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            ID
                                        </th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            {{ __('pages.name') }}</th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">{{ __('pages.district') }}</th>
{{--                                        <th class="text-secondary opacity-7"></th>--}}
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(count($localities) > 0)
                                        @foreach($localities as $locality)
                                            <tr>
                                                <td>
                                                    <div class="d-flex px-2 py-1">
                                                        <div class="d-flex flex-column justify-content-center">
                                                            <h6 class="mb-0 text-sm">{{ $locality->id }}</h6>
                                                            <p class="text-xs text-secondary mb-0"></p>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="d-flex px-2 py-1">
                                                        <div class="d-flex flex-column justify-content-center">
                                                            <h6 class="mb-0 text-sm">{{ $locality->name }}</h6>
                                                            <p class="text-xs text-secondary mb-0"></p>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="d-flex px-2 py-1">
                                                        <div class="d-flex flex-column justify-content-center">
                                                            <h6 class="mb-0 text-sm">{{ $locality->district->name }}</h6>
                                                            <p class="text-xs text-secondary mb-0"></p>
                                                        </div>
                                                    </div>
                                                </td>
{{--                                                <td class="text-center">--}}
{{--                                                    <a href="javascript:void(0);"--}}
{{--                                                       class="async_action text-dark font-weight-bold text-xs m-2"--}}
{{--                                                       data-bs-toggle="modal" data-bs-target="#edit_locality_modal"--}}
{{--                                                       data-original-title="Edit user"--}}
{{--                                                       data-action="{{ route('admin.localities.edit', $locality->id) }}">--}}
{{--                                                        <i class="fas fa-edit text-dark"></i>--}}
{{--                                                        {{ __('pages.edit') }}--}}
{{--                                                    </a>--}}
{{--                                                    <a href="javascript:void(0);"--}}
{{--                                                       class="async_action text-danger font-weight-bold text-xs m-2"--}}
{{--                                                       data-bs-toggle="modal" data-bs-target="#delete_locality_modal"--}}
{{--                                                       data-original-title="Delete user"--}}
{{--                                                       data-action="{{ route('admin.localities.delete', $locality->id) }}">--}}
{{--                                                        <i class="far fa-trash-alt"></i>--}}
{{--                                                        {{ __('pages.delete') }}--}}
{{--                                                    </a>--}}
{{--                                                </td>--}}
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr style="text-align: center">
                                            <td colspan="7">
                                                <img width="8%" alt="data not found" src="{{ asset('img/data_not_found.png') }}"/>
                                            </td>
                                        </tr>
                                    @endif
                                    </tbody>
                                </table>
                                <div class="p-2">
                                    {{ $localities->links() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
{{--                <div class="col-6">--}}
{{--                    <div class="card mb-4">--}}
{{--                        <div class="card-body px-0 pt-0 pb-2">--}}
{{--                            <div class="table-responsive p-4">--}}
{{--                                {{ view('admin::localities.create') }}--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </div>
            @include('admin::layouts.footer')
        </div>

        {{-- Add Certificate Modal --}}
        <div class="modal modal-lg fade" id="locality_modal" tabindex="-1" role="dialog" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
            <div class="modal-dialog modal-dialog-centered" role="document" style="justify-content: center"></div>
        </div>

        {{-- Delete Certificate Modal --}}
        <div class="modal modal-lg fade" id="delete_locality_modal" tabindex="-1" role="dialog" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
            <div class="modal-dialog modal-dialog-centered" role="document" style="justify-content: center"></div>
        </div>

        {{-- Edit Certificate Modal --}}
        <div class="modal modal-lg fade" id="edit_locality_modal" tabindex="-1" role="dialog" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
            <div class="modal-dialog modal-dialog-centered" role="document" style="justify-content: center"></div>
        </div>
    </main>
@endsection

@section('custom-css')
@endsection

@section('custom-scripts')
@endsection