@extends('layouts.admin.app')
@section('content')
    <div class="dashboard-main-body-wrapper1">
        <div class="headerPart">
            <div class="lediv">
                <h3>All Agency List</h3>
            </div>
        </div>
        <div class="bodyPart">
            <div class="custom-table-s1">
                <div class="custom-table-s1-header-filter">
                    <div class="left-div">
                        <input type="text" class="search form-control" placeholder="Search">
                    </div>
                    <div class="right-div">
                        <a href="javascript:;" class="custom-primary-btn" data-bs-toggle="modal"
                            data-bs-target="#adminModal">+ Add Agency</a>
                    </div>
                </div>
                <table>
                    <thead>
                        <tr>
                            <th>
                                <div class="check-col">
                                    <input type="checkbox" class="custom-check-s1">
                                </div>
                            </th>
                            <th>
                                <div class="th-with-filter"><span>Name</span> <img
                                        src="{{ url('assets/images/th-filter1.png') }}"></div>
                            </th>
                            <th>
                                <div class="th-with-filter"><span>Email</span> <img
                                        src="{{ url('assets/images/th-filter1.png') }}">
                                </div>
                            </th>

                            <th>
                                <div class="th-with-filter"><span>Primary Company</span> <img
                                        src="{{ url('assets/images/th-filter1.png') }}"></div>
                            </th>


                            <th>
                                <div class="th-with-filter"><span>Create Date (GMT+5:30)</span> <img
                                        src="{{ url('assets/images/th-filter1.png') }}"></div>
                            </th>
                            <th>
                                Action
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach ($all_agency as $item)
                            <tr>
                                <td>
                                    <div class="check-col">
                                        <input type="checkbox" class="custom-check-s1">
                                    </div>
                                </td>
                                <td>
                                    <div class="userImage-with-text">
                                        <div class="image-container">
                                            <img src="{{ url('assets/images/user1.png') }}">
                                        </div>
                                        <div class="text_info">
                                            {{ $item->first_name }} {{ $item->last_name }}
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    {{ $item->email }}
                                </td>

                                <td>{{ $item->organization }}</td>

                                <td>{{ $item->created_at }} </td>
                                <td>
                                    <div class="dropdown more-actions">
                                        <button type="buton" id="moreActiondropdownMenuButton" data-toggle="dropdown"
                                            aria-haspopup="true" aria-expanded="false" class="more-btn">
                                            <img src="{{ url('assets/images/more-icon-circle.svg') }}">
                                        </button>
                                        <div class="dropdown-menu dropdown-menu-style-s1 dropdown-menu-right"
                                            aria-labelledby="moreActiondropdownMenuButton">
                                            <a class="dropdown-item edit" href="{{ url('admin/edit-agency/' . $item->id) }}"><span><img
                                                        src="{{ url('assets/images/edit.svg') }}"></span> Edit</a>
                                            <a class="dropdown-item delete" href="#"><span><img
                                                        src="{{ url('assets/images/trash.svg') }}"></span> Delete</a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                           @endforeach

                    </tbody>
                    @if (count($all_agency) == 0)
                        <tr>
                            <td colspan="6" class="text-center">No Agency Found</td>
                        </tr>

                    @endif
                </table>
            </div>
        </div>
    </div>

    <!-- Admin Creation Modal -->


    <div class="modal fade custom-add-modal-s1 w681px" id="adminModal" tabindex="-1" role="dialog"
        aria-labelledby="adminModal-modal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered " role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <img src="{{ url('assets/images/modal-close1.svg') }}" alt="">
                    </button>
                    <div class="center_logo">
                        <img src="{{ url('assets/images/logo.svg') }}" alt="">
                    </div>
                    <h5 class="modal-title" id="adminModal-modal">Add New Agency</h5>
                </div>
                <div class="modal-body">
                    <form id="adminForm" action="#" method="POST">
                        @csrf
                        <div class="modal-form-content">
                            <div class="row">
                                <div class="col-12 col-md-12">
                                    <div class="form-group">
                                        <label> First Name</label>
                                        <input type="text" class="form-control" name="first_name"
                                            placeholder="Enter First Name" required>
                                    </div>
                                </div>
                                <div class="col-12 col-md-12">
                                    <div class="form-group">
                                        <label>Last Name</label>
                                        <input type="text" class="form-control" name="last_name"
                                            placeholder="Enter Last Name" required>
                                    </div>
                                </div>
                                <div class="col-12 col-md-12">
                                    <div class="form-group">
                                        <label>Company Name</label>
                                        <input type="text" class="form-control" name="company_name"
                                            placeholder="Enter Company Name" required>
                                    </div>
                                </div>
                                <div class="col-12 col-md-12">
                                    <div class="form-group">
                                        <label> Email ID</label>
                                        <input type="email" class="form-control" name="email"
                                            placeholder="Enter Email ID" required>
                                        <span class="text-danger" id="item-email-error"></span>
                                    </div>
                                </div>
                                <div class="col-12 col-md-12">
                                    <div class="form-group">
                                        <label>Password</label>
                                        <input type="password" class="form-control" name="password" id="password"
                                            placeholder="Enter Password" required minlength="8">
                                        <span class="text-danger" id="item-password-error"></span>
                                    </div>
                                </div>
                                <div class="col-12 col-md-12">
                                    <div class="form-group">
                                        <label>Confirm Password</label>
                                        <input type="password" class="form-control" name="confirm_password"
                                            id="confirm_password" placeholder="Enter Confirm Password" required
                                            minlength="8">
                                        <span class="text-danger" id="item-confirm_password-error"></span>

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


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Create Agency</button>
                </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function() {
            $('#adminForm').on('submit', function(e) {
                e.preventDefault();
                $("#item-email-error").text(" ");
                $("#item-password-error").text(" ");
                $("#item-confirm_password-error").text(" ");

                $.ajax({
                    type: "POST",
                    url: "{{ route('admin.storeAgency') }}",
                    data: $('#adminForm').serialize(),
                    success: function(response) {
                        console.log(response);
                        $('#adminForm')[0].reset();
                        $("#item-email-error").text(" ");
                        $("#item-password-error").text(" ");
                        $("#item-confirm_password-error").text(" ");

                        $('#adminModal').modal('hide');
                        swal.fire({
                            title: 'Success',
                            text: 'Agency created successfully!',
                            icon: 'success',
                        }).then(() => {
                            window.location.reload();
                        })


                    },
                    error: function(xhr, status, error) {

                        console.log(xhr.responseJSON.mailError);
                        if (xhr.responseJSON.mailError) {
                            swal.fire({
                                title: 'Error',
                                text: 'Agency created successfully but email can not send!',
                                icon: 'error',
                            }).then(() => {
                                window.location.reload();
                            })
                        }
                        if (xhr.status === 422) {
                            var errors = xhr.responseJSON.errors;
                            if (errors.email) {
                                $("#item-email-error").text(errors.email[0]);
                            }
                            if (errors.password) {
                                $("#item-password-error").text(errors.password[0]);
                            }

                            if (errors.confirm_password) {
                                $("#item-confirm_password-error").text(errors.confirm_password[
                                    0]);
                            }

                        }

                    }
                })
            });
        })
    </script>
@endpush