@extends('admin.layouts.master')

@section('page-title')
    Warehouse
@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('Warehouse')['pcreate']) && Auth::user()->hasPer('Warehouse')['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 scope="col" class="text-start">S No</th>
                                    <th scope="col">Name</th>
                                    <th scope="col">Description</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Action</th>
                                </tr>
                            </thead>
                        </table>
                    </div>

                    <!-- Modal: Add/Edit Warehouse -->
                    <div class="modal fade" id="modalAdd" tabindex="-1" aria-labelledby="modalAddLabel" aria-hidden="true">
                        <div class="modal-dialog modal-md"><!-- Changed to medium -->
                            <div class="modal-content">

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

                                <form id="warehouse">
                                    @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="name" placeholder="Warehouse Name" required>
                                                </div>
                                            </div>

                                            <div class="col-12"><!-- Full width -->
                                                <div class="mb-3">
                                                    <textarea name="description" class="form-control 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>


                    <!-- Modal: Confirm Delete -->
                    <div id="deleteModal" class="modal fade" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">

                                <div class="modal-header">
                                    <h5 class="modal-title" id="deleteModalLabel">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/warehouse/warehouse.js') }}"></script>
@endsection