@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="row">
            <div class="col-md-6">
                <div class="srcfieldwrap">
                    <input type="text" class="form-control" placeholder="Search by first name or last name or email or phone number or application ID" 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>Incomplete 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>Browser</th>           
                                    <th>Status</th>           
                                    <th class="skip_csv" width="8%">Action</th>
                                </tr>
                            </thead>

                            <tbody>
                                @forelse($applications as $key => $application)
                                    <tr>                        
                                        <td>{{ $application->id }}</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>                      
                                        <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>
                                                        

                                        {{-- {{ 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>
                                            @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->links('pagination::bootstrap-4') }}
                @endif
            </div>
        </div>
    </div>
@endsection

<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_incomplte_application')}}";
        location.href = url + '?search_val=' + search_val;
    }
</script>