@extends('admin.layouts.master')

@section('page-title')
    Location
@endsection

@section('main-content')
<div class="dashboard-main-body">

    <div class="container">
        @include('admin.layouts.errorLayout')
        @include('admin.layouts.successLayout')

        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="card">

                    <div class="card-header">
                        @if (isset(Auth::user()->hasPer('Location')['pcreate']) && Auth::user()->hasPer('Location')['pcreate'] == 1)
                            <button type="button" class="btn btn-primary create py-4 d-flex">
                            <iconify-icon icon="ic:baseline-plus" class="icon text-xl"></iconify-icon>
                                Add New
                            </button>
                        @endif
                    </div>

                    <div class="card-body">
                        <table class="table bordered-table mb-0" id="example" data-page-length='10'>
                            <thead>
                                <tr>
                                    <th class="text-start">S No</th>
                                    <th>Location</th>
                                    <th>Description</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                        </table>
                    </div>

                    <!-- Modal -->
                    <div class="modal fade" id="modalAdd" tabindex="-1" aria-labelledby="modalAddLabel" aria-hidden="true">
    <div class="modal-dialog modal-md"><!-- Medium modal -->
        <div class="modal-content">

            <div class="modal-header">
                <h6 class="modal-title" id="modalAddLabel">New Location</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>

            <form id="locationForm">
                @include('admin.layouts.validationLayout')

                <div class="modal-body">
                    <input type="hidden" name="id" class="id">

                    <div class="row">
                        <div class="col-12"><!-- Full width -->
                            <div class="mb-3">
                                <input type="text" class="form-control name" name="locationname"
                                       placeholder="Location Name" required>
                            </div>
                        </div>

                        <div class="col-12"><!-- Full width -->
                            <div class="mb-3">
                                <textarea class="form-control description" name="description" rows="2" placeholder="Description here..."></textarea>
                            </div>
                        </div>

                        <div class="col-12"><!-- Full width -->
                            <div class="mb-3">
                                @include('admin.layouts.status')
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="submit" id="btnSave" class="btn btn-primary py-1">Save</button>
                    <button type="button" class="btn btn-secondary py-1" data-bs-dismiss="modal">Close</button>
                </div>

            </form>

        </div>
    </div>
</div>


                    <!-- Delete Modal -->
                    <div id="deleteModal" class="modal fade" tabindex="-1">
                        <div class="modal-dialog">
                            <div class="modal-content">

                                <div class="modal-header">
                                    <h5 class="modal-title">Confirm Delete</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>

                                <div class="modal-body">Do you want to delete this record?</div>

                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                    <button type="button" id="btnDelete" class="btn btn-danger">Delete</button>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- End Delete Modal -->

                </div>
            </div>
        </div>

    </div>

</div>
@endsection

@section('script')
<script src="{{ asset('admin/myjs/location/location.js') }}"></script>
@endsection