@extends('backend.layouts.app')
@section('content')
    @include('backend.job_application.search')
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-6 card-title"><h4>{{$page_title}}</h4></div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Name</th>
                                        <th>Father / Husband Name</th>
                                        <th>Contact / Other Number</th>
                                        <th>DOB</th>
                                        <th>Designation</th>
                                        <th>High School Marks</th>
                                        <th>Intermediate Marks</th>
                                        <th>Other Qualification</th>
                                        <th>Work Experience</th>
                                        <th>Photo</th>
                                        <th>Address</th>
                                        <th>Status</th>
                                        <th>Date</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($list as $key=> $data)
                                        <tr>
                                            <td>{{($key+1) + ($list->currentPage() - 1)*$list->perPage()}}</td>
                                            <td>{{$data->name}}</td>
                                            <td>{{$data->parent_name}}</td>
                                            <td>{{$data->contact}} / {{$data->other_contact}}</td>
                                            <td>{{$data->dob}}</td>
                                            <td>{{$data->designation}}</td>
                                            <td>{{$data->qualification_10}}</td>
                                            <td>{{$data->qualification_12}}</td>
                                            <td>{{$data->other_qualification ?? 'N/A'}}</td>
                                            <td>
                                                @if($data->work_experience)
                                                    {{ Str::limit($data->work_experience, 50) }}
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                @if($data->photo)
                                                    <a href="{{ asset($data->photo) }}" target="_blank">
                                                        <img src="{{ asset($data->photo) }}" alt="Photo" style="width: 50px; height: 50px; object-fit: cover; border-radius: 5px;">
                                                    </a>
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                <b>State : </b> {{$data->state}} <br>
                                                <b>District : </b> {{$data->district}} <br>
                                                <b>Block : </b> {{$data->block}} <br>
                                                <b>Gram Panchayat : </b> {{$data->gram_panchayat}} <br>
                                                <b>Village/Street : </b> {{$data->village_street}} <br>
                                            </td>
                                            <td>
                                                @if ($data->status == 1)
                                                    {!! Form::open(['route' => ['job-application.update', $data->id], 'method' => 'PUT', 'id' => 'update_status_form_'.$data->id]) !!}
                                                        <select name="status" class="select-control" id="status_{{$data->id}}" onchange="updateStatus({{ $data->id }})">
                                                            <option value="" selected disabled>Change Status</option>
                                                            <option value="0">Reject</option>
                                                            <option value="2">Approve</option>
                                                        </select>
                                                    {!! Form::close() !!}
                                                @else
                                                    @if($data->status == '2')
                                                        <span class="badge bg-success">Approved</span>
                                                    @else
                                                        <span class="badge bg-danger">Rejected</span>
                                                    @endif
                                                @endif
                                            </td>
                                            <td>{{dateFormat($data->created_at)}}</td>
                                            <td>
                                                <a href="{{ route('job-application.show', $data->id) }}" class="btn btn-sm btn-info" title="View CV">
                                                    <i class="link-icon" data-feather="eye"></i>
                                                </a>
                                                <a href="{{ route('job-application.download', $data->id) }}" class="btn btn-sm btn-success" title="Download CV" target="_blank">
                                                    <i class="link-icon" data-feather="download"></i>
                                                </a>
                                                <button onclick="shareCV({{ $data->id }}, '{{ $data->name }}')" class="btn btn-sm btn-warning" title="Share CV">
                                                    <i class="link-icon" data-feather="share-2"></i>
                                                </button>
                                                <x-delete-btn route="{{ route('job-application.destroy', $data->id) }}" />
                                            </td>
                                        </tr>
                                    @empty

                                        <tr>
                                            <td colspan="15" class="text-center text-danger">
                                                <i class="link-icon" data-feather="frown" style="width: 50px; height:50px;"></i><br>
                                                Opps!! There Are No Data Found..
                                            </td>
                                        </tr>

                                    @endforelse
                                </tbody>
                            </table>
                            <div class="mt-2">
                                {{ $list->appends(request()->input())->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        function updateStatus(id) {
            $('#update_status_form_'+id).submit();
        }

        function shareCV(id, name) {
            // Generate shareable link
            const token = btoa(id + '-{{ config("app.key") }}');
            const shareUrl = '{{ url("/") }}' + '/cv/' + token;
            const title = 'CV - ' + name;
            const text = 'Check out the CV of ' + name;

            // Check if Web Share API is supported (mobile devices)
            if (navigator.share) {
                navigator.share({
                    title: title,
                    text: text,
                    url: shareUrl
                })
                .then(() => console.log('Successful share'))
                .catch((error) => console.log('Error sharing:', error));
            } else {
                // Fallback for desktop - copy to clipboard
                navigator.clipboard.writeText(shareUrl).then(function() {
                    alert('Share link copied to clipboard!\n\n' + shareUrl + '\n\nYou can now paste and share this link.');
                }, function(err) {
                    // Fallback if clipboard API is not available
                    prompt('Copy this link to share:', shareUrl);
                });
            }
        }
    </script>

@endsection