@include('layouts.header', ['title' => isset($user) ? 'Edit Agency User' : 'Add Agency User'])
<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-9">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">{{ isset($user) ? 'Edit' : 'Add' }} Agency User</h4>
                            </div>

                            <form id="userForm" class="form-horizontal-style-2"
                                action="{{ isset($user) ? route('admin.agency_users.update', $user->id) : route('admin.agency_users.store') }}"
                                method="POST" enctype="multipart/form-data" autocomplete="off">
                                @csrf
                                @if (isset($user))
                                    @method('PUT')
                                @endif

                                <div class="card-body">

                                    <div class="mb-3">
                                        <label for="agency" class="form-label">Agency <span
                                                class="text-danger">*</span></label>
                                        <select class="form-select form-select-sm mb-3 select2" name="agency_id"
                                            id="agency_id" required>
                                            <option value="" selected disabled>Select Agency</option>
                                            @foreach ($agencies as $agency)
                                                <option value="{{ $agency->id }}"
                                                    {{ old('agency_id', isset($user) ? $user->agency_id : '') == $agency->id ? 'selected' : '' }}>
                                                    {{ $agency->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>


                                    <div class="mb-3">
                                        <label for="name" class="form-label">Agency User Name <span
                                                class="text-danger">*</span></label>
                                        <input type="text" id="name" name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            placeholder="Enter User Name"
                                            value="{{ old('name', isset($user) ? $user->name : '') }}" required>
                                        @error('name')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="email" class="form-label">Email <span
                                                        class="text-danger">*</span></label>
                                                {{-- <input type="email" id="email" name="email"
                                                        class="form-control @error('email') is-invalid @enderror" placeholder="Enter Email"
                                                        value="{{ old('email', isset($user) ? $user->email : '') }}"
                                                        required autocomplete="off"  @if (isset($user)) disabled @endif> --}}

                                                        <input type="email" id="email" name="email"
                                                        class="form-control @error('email') is-invalid @enderror"
                                                        placeholder="Enter Email"
                                                        value="{{ old('email', isset($user) ? $user->email : '') }}"
                                                        required autocomplete="off" readonly onfocus="this.removeAttribute('readonly');"
                                                        @if (isset($user)) disabled @endif>

                                                @error('email')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="password" class="form-label">Password <span
                                                        class="text-danger">*</span></label>
                                                <div class="input-group input-group-merge">
                                                    <input type="password" id="password" name="password"
                                                        class="form-control @error('password') is-invalid @enderror"
                                                        placeholder="Enter your password"
                                                        @if (isset($user)) disabled @endif>

                                                    <div class="input-group-text" data-password="false">
                                                        <span class="password-eye"></span>
                                                    </div>
                                                    @error('password')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>


                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="mobile_number" class="form-label">Mobile Number <span
                                                        class="text-danger">*</span></label>
                                                <input type="text" id="mobile_number" name="mobile_number"
                                                    max="10"
                                                    class="form-control @error('mobile_number') is-invalid @enderror"
                                                    placeholder="Enter Mobile Number"
                                                    value="{{ old('mobile_number', isset($user) ? $user->mobile_number : '') }}"
                                                    required>
                                                @error('mobile_number')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="status" class="form-label">Status</label>
                                                <select class="form-select form-select-sm mb-3" name="status"
                                                    id="status_dropdown">
                                                    <option value="1"
                                                        {{ old('status', isset($user) ? $user->status : '') == 1 ? 'selected' : '' }}>
                                                        Active</option>
                                                    <option value="0"
                                                        {{ old('status', isset($user) ? $user->status : '') == 0 ? 'selected' : '' }}>
                                                        Inactive</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="card-footer border-top border-light">
                                    <button type="submit" class="btn btn-success me-2" id="submitBtn">
                                        {{ isset($user) ? 'Update' : 'Submit' }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </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>
<!--  Select2 Plugin Js -->
<script src="{{ asset('assets/vendor/select2/js/select2.min.js') }}"></script>

<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('userForm').addEventListener('submit', function() {
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...'; // Change button text to indicate submission
        });
    });
</script>

</body>

</html>