@extends('layouts.app')
@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="srcfieldwrap">
            <input type="search" class="form-control" placeholder="Search by application id" name="search" value={{$search}}>
            <button class="btn btn-default" >
                <i class="fa fa-search"></i>
            </button>
        </div>
    </form> --}}

    <form method="GET" action="" class="">
        <div class="row">
            <div class="col-md-3">
                <label for="filter">Filter by Delivery / Pickup</label>
                <select class="form-control" name="search_by">
                    <option selected value="all_user">All User</option>
                    <option {{ (isset($_GET['search_by']) && $_GET['search_by'] == 'delivery_option') ? 'selected' : '' }} value="delivery_option">Users that selected delivery option</option>
                    <option {{ (isset($_GET['search_by']) && $_GET['search_by'] == 'pickup_option') ? 'selected' : '' }} value="pickup_option">Users that selected pickup option</option>
                </select>
            </div>

            <div class="col-md-3">
                <br>
                <button type="submit" class="btn btn-info">Filter</button>
                {{-- <button type="submit" class="btn btn-success">Send Mail</button> --}}
                <a class="btn btn-success" href="{{ route('backend.send-compose', ['search_by' => @$_GET['search_by'] ]) }}">Send Mail</a>
                <a class="btn btn-danger" 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 class="right-panel-btn text-right">
            <a href="/backend/user/create"><button type="button" class="btn btn-success"><i class="fa-solid fa-plus fa-fw"></i> Application</button></a>
        </div> --}}
    </div>
    <div class="table-responsive custom-table-s1">
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th>Sl No</th>
                    <th>Application ID</th>
                    <th>Language</th>
                    <th>Address</th>
                    <th>Name</th>
                    <th>Phone No</th>
                    <th>Email Id</th>
                    <th>IP Address</th>
                    {{-- <th class="skip_csv">Action</th> --}}
                </tr>
            </thead>

            <tbody>
                @forelse($applications as $key => $application)
                    <tr>
                        <td>{{ $loop->index + 1 }}</td>
                        <td>{{ $application->app_number }}</td>
                        <td>{{ $application->language }}</td>
                        <td>{{ $application->address }}</td>

                        <td>{{ $application->first_name }} {{ $application->last_name }}</td>
                        <td>{{ $application->contact_no }}</td>
                        <td>{{ $application->email }}</td>
                        <td>{{ $application->IP_Address }}</td>

                        {{-- {{ url('/backend/user/edit') }}/{{ $application->id }} --}}
                        {{-- {{ url('/backend/user/delete') }}/{{ $application->id }} --}}
                        {{-- <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>
                        </td> --}}
                    </tr>
                @empty
                    <tr>
                        <td colspan="5">No record found...</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </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->links('pagination::bootstrap-4') }}
                @endif
            </div>
        </div>

    </div>
@endsection