@extends('layouts.app')
<style>
    .custom-reset-btn {
        /* background-color: #001B69; */
        color: #001B69;
        border: none;
        padding: 5px 8px;
        border-radius: 3px;
        cursor: pointer;
    }
</style>
@section('content')
    @if (session()->has('success'))
        <div class="alert alert-success">{{ session()->get('success') }}</div>
    @endif
    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif

    <form action="" class="">
        <div class="row">
            <div class="col-md-6">
                <div class="srcfieldwrap">
                    <input type="text" class="form-control" placeholder="Enter first name, last name, email or phone number"
                        name="search" id="search" value={{ $search }}>
                    <button class="btn btn-default">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </div>
            <div class="col-md-3 mt-6 mb-0">
                <a href="{{ request()->url() }}" class="btn btn-primary">Clear</a>
            </div>

            <div class="col-md-3 mt-6 mb-0">
                <button class="btn btn-info" type="button" onclick="export_list('csv')">Download Report</button>
            </div>
        </div>
    </form>



    {{-- <form method="GET" action="" class="">
        <div class="row">
            <div class="col-md-3">
                <label for="filter">Filter by name</label>
                <input type="text" name="name" value="{{ $_GET['name']??'' }}" class="form-control myInput">
            </div>
            <div class="col-md-3">
                <label for="filter">Filter by email</label>
                <input type="email" name="email" value="{{$_GET['email'] ??'' }}" class="form-control myInput">
            </div>
            <div class="col-md-3">
                <label for="filter">Filter by phone</label>
                <select class="form-control">
                    <option>sdsadsad</option>
                    <option>sdsadsad</option>
                    <option>sdsadsad</option>
                </select>
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn btn-info">Filter</button>
                <a href="{{ request()->url()}}">Clear</a>
            </div>
        </div>
    </form> --}}

    {{-- <div class="srchBox_wraper justify-content-end">
        <div class="right-panel-btn text-left">
            <h5> Application List</h5>
        </div>        
    </div> --}}

    {{-- <div class="table-responsive custom-table-s1">
        <table class="participant_table" width="100%">
            <thead>
                <tr>                   
                    <th>Application ID</th>                    
                    <th>Address</th>
                    <th>Name</th>
                    <th>Phone No</th>
                    <th>Email Id</th>                    
                    <th class="skip_csv">Action</th>
                </tr>
            </thead>

            <tbody>
                @forelse($applications as $key => $application)
                    <tr>                        
                        <td>{{ $application->app_number }}</td>                        
                        <td>{{ $application->address }}</td>
                        <td>{{ $application->first_name }} {{ $application->last_name }}</td>
                        <td>{{ $application->contact_no }}</td>
                        <td>{{ $application->email }}</td>
                        <td class="skip_csv">
                            <a href="{{ route('backend.applications.edit', $application->id) }}" class="fa fa-edit" aria-hidden="true" title="Edit"></a>
                            <a class="ml-2" onclick="event.preventDefault(); if (confirm('Are you sure?')) { document.getElementById('delete-form-{{$application->id}}').submit(); }">
                                <i class="fa fa-trash" style="color:red;"></i>
                            </a>

                            <form id="delete-form-{{$application->id}}" action="{{ route('backend.applications.destroy', $application->id) }}" method="POST" style="display: none;">
                                @csrf
                                @method('DELETE')
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6">No record found...</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div> --}}

    <div class="card forms-card">
        <div class="card-body">
            <div class="basic-form">
                <div class="outer-div">
                    <div class="srchBox_wraper justify-content-end mt-3 mb-3">
                        <div class="right-panel-btn text-left">
                            <h5>Application List</h5>
                        </div>

                    </div>

                    <div class="table-responsive custom-table-s1">
                        <table class="participant_table" width="100%">
                            <thead>
                                <tr>
                                    <th>Application ID</th>
                                    <th> Status</th>
                                    <th>Issued By</th>
                                    <th width="10%">Date/Time stamp</th>
                                    {{-- <th>Address</th> --}}
                                    <th>Name</th>
                                    <th>Phone No</th>
                                    <th>Email Id</th>
                                    {{-- <th>Browser</th>            --}}
                                    {{-- <th>Application Status</th> --}}
                                    <th class="skip_csv" width="8%">Action</th>
                                </tr>
                            </thead>

                            <tbody>
                                @forelse($applications as $key => $application)
                                    <tr>
                                        <td>{{ $application->id }}</td>
                                        <td>
                                            {{-- @if ($application->admin_application_status === 'accepted' && !empty($application->adminDetails?->name))
                                                <span>{{ ucfirst($application->admin_application_status) }}</span>
                                            @else --}}
                                                <select name="admin_application_status" class="admin-status"
                                                    data-id="{{ $application->id }}"
                                                    data-url="{{ route('backend.application.updateStatusAjax') }}"
                                                    style="padding: 2px; border-radius: 5px;">
                                                    {{-- {{ $application->admin_application_status == 'accepted' ? 'disabled' : '' }}> --}}
                                                    <option value="picked-up"
                                                        {{ $application->admin_application_status == 'picked-up' ? 'selected' : '' }}>
                                                        Picked Up</option>
                                                    <option value="accepted"
                                                        {{ $application->admin_application_status == 'accepted' ? 'selected' : '' }}>
                                                        Accepted</option>
                                                </select>
                                            {{-- @endif --}}
                                        </td>
                                        <td>

                                            @if ($application->admin_application_status === 'picked-up' && !empty($application->adminDetails?->name))
                                                {{ $application->adminDetails->name }}
                                                <button type="button" class="custom-reset-btn"
                                                    data-id="{{ $application->id }}" title="Reset">
                                                    <i class="fas fa-undo-alt"></i>
                                                </button>
                                            @else
                                                --
                                            @endif
                                        </td>
                                        <td>
                                            @if ($application->admin_application_status == 'picked-up')
                                            {{ !empty($application->issued_date_time) ? date('m/d/Y h.i a', strtotime($application->issued_date_time)) : '--' }}
                                            @else
                                            --
                                            @endif
                                        </td>
                                        {{-- <td>{{ $application->address }} {{ $application->city }} {{ $application->state }} {{ $application->zip }}</td> --}}
                                        <td>{{ @$application->first_name }} {{ @$application->last_name }}</td>
                                        <td>{{ @$application->contact_no }}</td>
                                        <td>{{ @$application->email }}</td>
                                        {{-- <td>{{ $application->browser_name ?? 'Chrome' }}</td>                       --}}



                                        {{-- {{ url('/backend/user/edit') }}/{{ $application->id }} --}}
                                        {{-- {{ url('/backend/user/delete') }}/{{ $application->id }} --}}
                                        {{-- <td>
                                            @if ($application->status == 'completed')
                                                <span
                                                    style="background-color: blue; color: white; padding: 2px; border-radius: 5px;">Completed</span>
                                            @elseif($application->status == 'inprogress')
                                                <span
                                                    style="background-color: red; color: white;  border-radius: 5px;">In-progress</span>
                                            @else
                                                <span>{{ $application->status }}</span>
                                            @endif
                                        </td> --}}
                                        <td class="skip_csv">
                                            <a href="{{ route('backend.applications.edit', $application->id) }}"
                                                class="fa fa-edit" aria-hidden="true" title="Edit"></a>
                                            {{-- <a class="ml-2" onclick="return confirm('Are you sure?')" href="{{ route('backend.applications.destroy', $application->id) }}"><i class="fa fa-trash" style="color:red;"></i></a> --}}
                                            <a class="ml-2"
                                                onclick="event.preventDefault(); if (confirm('Are you sure?')) { document.getElementById('delete-form-{{ $application->id }}').submit(); }">
                                                <i class="fa fa-trash" style="color:red;"></i>
                                            </a>

                                            <form id="delete-form-{{ $application->id }}"
                                                action="{{ route('backend.applications.destroy', $application->id) }}"
                                                method="POST" style="display: none;">
                                                @csrf
                                                @method('DELETE')
                                            </form>
                                            @if ($application->status == 'completed')
                                                <a href="javascript::void(0)" class="fa fa-print"
                                                    onclick="downloadPdf({{ $application->id }})">
                                            @endif

                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6">No record found...</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="custom-table-s1-pagination">
        <div class="left-info">
            <div class="text-sm">
                {{-- Showing
                    <span class="text-bold">1</span>
                    to
                    <span class="text-bold">3</span>
                    of
                    <span class="text-bold">4</span>
                results --}}
                {{-- {{ $users->links() }} --}}
                @if ($applications)
                    {{ $applications->appends(['search' => $search])->links('pagination::bootstrap-4') }}
                @endif
            </div>
        </div>
    </div>
@endsection

@section('customScripts')
    <script type="text/javascript">
        function downloadPdf(app_id) {
            event.preventDefault(); // Prevent the default behavior of the link
            const url = "{{ route('backend.generate-pdf') }}";
            const targeturl = url + '?app_id=' + app_id;
            window.open(targeturl, '_blank'); // Open the URL in a new tab
        }


        function export_list(export_type) {
            var search_val = $("#search").val();

            var url = "{{ route('backend.download_application') }}";
            location.href = url + '?search_val=' + search_val;
        }
    </script>


    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>


    <script>
        document.querySelectorAll('.admin-status').forEach(function(dropdown) {
            let previousValue = dropdown.value;

            dropdown.addEventListener('focus', function() {
                previousValue = this.value;
            });

            dropdown.addEventListener('change', function() {
                const selectedValue = this.value;
                const applicationId = this.getAttribute('data-id');
                const updateUrl = this.getAttribute('data-url');

                if (selectedValue === 'picked-up') {
                    Swal.fire({
                        title: 'Was this package picked up?',
                        icon: 'question',
                        showCancelButton: true,
                        confirmButtonText: 'Yes',
                        cancelButtonText: 'No',
                    }).then((result) => {
                        if (result.isConfirmed) {
                            updateStatus(updateUrl, 'picked-up', 'picked-up', applicationId);
                            this.value = 'picked-up';
                        } else {
                            this.value = previousValue; // Just revert the value
                        }
                    });
                } else {
                    previousValue = selectedValue;
                    // If you want to handle other statuses, do it here
                }
            });

            function updateStatus(url, adminStatus, mainStatus, applicationId) {
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content'),
                        admin_application_status: adminStatus,
                        application_status: mainStatus,
                        application_id: applicationId
                    },
                    success: function(response) {

                        // Swal.fire('Updated!', response.message, 'success');
                        toastr.success(response.message, 'Updated!');
                        window.location.reload();
                    },
                    error: function(xhr, status, error) {
                        console.error('Error:', error);
                        Swal.fire('Error', 'Something went wrong.', 'error');
                    }
                });
            }
        });
    </script>

    <script>
        $(document).ready(function() {
            $('.custom-reset-btn').click(function() {
                const applicationId = $(this).data('id');
                const url =
                    "{{ route('backend.application.resetApplicationAdmin') }}"; // replace with your actual route name

                Swal.fire({
                    title: 'Are you sure?',
                    text: 'This will reset the admin details.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#001B69',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, reset it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: url,
                            type: 'POST',
                            data: {
                                _token: $('meta[name="csrf-token"]').attr('content'),
                                id: applicationId
                            },
                            success: function(response) {

                                if (response.status === true) {
                                    Swal.fire('Reset!', response.message, 'success')
                                        .then(() => {
                                            location
                                                .reload(); // or update the UI dynamically
                                        });
                                } else {
                                    Swal.fire('Error', response.message, 'error');
                                }
                            },
                            error: function(xhr) {
                                Swal.fire('Error!', 'Something went wrong.', 'error');
                            }
                        });
                    }
                });
            });
        });
    </script>
@endsection