@extends('layouts.app')
@push('css')
    @include('components.dataTable-style-links')
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-cards-variant menu-icon"></i>
                </span> {{ __('Permits') }}
            </h3>
        </div>
        <div class="card p-3">
            <form id="add-from" action="{{ route('dashboard.inventories.permits.view') }}" method="get">
                <div class="row">

                    <div class="col-md-6 mb-3">
                        <label>Invoice Type</label>
                        <select disabled name="type" class="form-control select2">
                            <option value="purchase">Purchase Invoice
                            </option>
                            <option value="sale">Sales Invoice</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label>{{ __('Serial Number') }}</label>
                        <input readonly value="{{ request()->serial_number }}" type="number" class="form-control"
                            name="serial_number">
                    </div>
      
                    <div class="col-12 mt-4 text-center">
                        <button class="btn btn-primary">{{ __('Save') }}</button>
                    </div>
                </div>
            </form>
        </div>

        <div></div>
    </div>
@endsection

@section('scripts')
    @include('components.dataTable-script-links')
    {{--    <script src="{{asset("/assets/js/pages/inventories/inventories-locations.js")}}"></script> --}}
    <script>
        $(".remove-item").on('click', function() {
            $(this).closest('tr').remove();
        })


        $('#add-form').on('submit', function(e) {
            e.preventDefault();
            alert(1);
            return
            $(".is-invalid").removeClass('is-invalid')
            $(".invalid-feedback").remove()
            var formData = $(this).serialize(); // Form data now includes inventory_location_id
            $('button[type="submit"]').prop('disabled', true);
            $.ajax({
                url: $(this).attr('action'),
                method: 'POST',
                data: formData,
                success: function(response) {
                    $('button[type="submit"]').prop('disabled', false);
                    $('#add-modal').modal('hide');
                    table.ajax.reload(); // Reload data table
                    Swal.fire({
                        title: 'Success',
                        icon: 'success',
                        text: response.message,
                        timer: 2000,
                        showConfirmButton: false
                    });
                    $('#add-form')[0].reset();
                },
                error: function(xhr) {
                    $('button[type="submit"]').prop('disabled', false);
                    if (xhr.status === 422) {
                        var errors = xhr.responseJSON.errors;
                        $.each(errors, function(key, value) {
                            $('[name="' + key + '"]').addClass('is-invalid');
                            $('[name="' + key + '"]').after('<div class="invalid-feedback">' +
                                value + '</div>');
                        });
                    }
                }
            });
        });
    </script>
@endsection