@include('layouts.header', ['title' => 'Upload Inventory'])
<div class="wrapper">
    @include('layouts.navbar')
    @include('layouts.sidebar')

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right"></div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">Upload Inventory</h4>
                            </div>

                            <form id="inventoryForm" action="{{ route('admin.inventory.upload-bulk') }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf

                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="mb-3">
                                                <label for="location" class="form-label">Location <span
                                                        class="text-danger">*</span></label>
                                                <input type="text" id="location" name="location"
                                                    class="form-control @error('location') is-invalid @enderror"
                                                    placeholder="Enter Location" required value="">
                                                @error('location')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="building_no" class="form-label">Building No</label>
                                                <input type="text" id="building_no" name="building_no"
                                                    class="form-control @error('building_no') is-invalid @enderror"
                                                    placeholder="Enter Building No" value="">
                                                @error('building_no')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="building_name" class="form-label">Building Name <span
                                                        class="text-danger">*</span></label>
                                                <input type="text" id="building_name" name="building_name"
                                                    class="form-control @error('building_name') is-invalid @enderror"
                                                    placeholder="Enter Building Name" required value="">
                                                @error('building_name')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="project_coordinates" class="form-label">Upload
                                                    Rooms <span class="text-danger">*</span></label>
                                                <input type="file" id="upload_rooms"
                                                    name="upload_rooms"
                                                    class="form-control mb-1 @error('upload_rooms') is-invalid @enderror" required>
                                                <small class="form-text text-muted">
                                                    Download Sample File: 
                                                    <a
                                                        data-bs-toggle="tooltip" data-bs-placement="top"
                                                        title="Download File"
                                                        href="{{ asset('assets/csv/bulk-inventory-upload-sample.csv') }}"
                                                        download
                                                    >
                                                        bulk-inventory-upload-sample.csv
                                                    </a>
                                                </small>
                                                @error('upload_rooms')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror

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

                                <div class="card-footer border-top border-light">
                                    <button type="submit" class="btn btn-success me-2" id="submitBtn">
                                        Submit
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>

                    @if (isset($roomTypes) && count($roomTypes))
                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="page-title">Room Types</h4>
                                </div>
                                <div class="card-body">
                                    <b class="text-danger">Please refer to the list of acceptable room types that should be entered in the 'Room Type' column of the Excel file. Ensure the spelling of each room type matches exactly before uploading.</b>
                                    <ol class="mt-3">
                                        @foreach ($roomTypes as $roomType)
                                            <h5 class="text-uppercase"><li> {{ $roomType }}</li></h5>
                                        @endforeach
                                    </ol>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>

            </div>
        </div>

        @include('layouts.footer')
    </div>
</div>

<!-- Vendor JS -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>
<script src="{{ asset('assets/js/app.min.js') }}"></script>
<!-- Scripts -->
<script>
    $(document).ready(function() {
        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr.error("{{ $error }}");
            @endforeach
        @endif

        @if (session('success'))
            toastr.success("{{ session('success') }}");
        @endif

        @if (session('error'))
            toastr.error("{{ session('error') }}");
        @endif

        document.getElementById('inventoryForm').addEventListener('submit', function() {
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...'; // Change button text to indicate submission
        });
    });
</script>



</body>

</html>