@extends('admin.layouts.master')

@section('customer-verification', 'active')
@section('title') {{ $data['title'] ?? '' }} @endsection

@push('style')
@endpush
@section('content')
        <div class="content-wrapper">
            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                        <div class="col-sm-6">
                            <h1 class="m-0">{{ $data['title'] ?? '' }}</h1>
                        </div>
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-sm-right">
                                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                                <li class="breadcrumb-item active">{{ $data['title'] ?? '' }}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                            <div class="card-header">
                                <!-- Row for Title -->
                                <div class="row align-items-center mb-3">
                                    <div class="col-md-6">
                                        <h3 class="card-title">Manage {{ $data['title'] ?? '' }}</h3>
                                    </div>
                                    {{-- Optional: Add a button on the right --}}
                                    <div class="col-md-6 text-right">

                                    </div>
                                </div>

                                <!-- Row for Filters -->
                                <form action="{{ route('admin.customer.verification.request') }}" method="GET">
                                    <div class="row align-items-end g-2">
                                        <div class="col-md-2">
                                            <label>Type</label>
                                            <select name="type" class="form-control">
                                                <option value="">All</option>
                                                <option value="new" {{ request('type') == 'new' ? 'selected' : '' }}>New</option>
                                                <option value="past" {{ request('type') == 'past' ? 'selected' : '' }}>Past</option>
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <label>Document Verified</label>
                                            <select name="document_verified" class="form-control">
                                                <option value="">All</option>
                                                <option value="1" {{ request('document_verified') == '1' ? 'selected' : '' }}>Verified</option>
                                                <option value="0" {{ request('document_verified') == '0' ? 'selected' : '' }}>Not Verified</option>
                                            </select>
                                        </div>


                                        <div class="col-md-2">
                                            <label>Photo Verified</label>
                                            <select name="photo_verified" class="form-control">
                                                <option value="">All</option>
                                                <option value="1" {{ request('photo_verified') == '1' ? 'selected' : '' }}>Verified</option>
                                                <option value="0" {{ request('photo_verified') == '0' ? 'selected' : '' }}>Not Verified</option>
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <label>From Date</label>
                                            <input type="date" name="from" value="{{ request('from') }}" class="form-control">
                                        </div>

                                        <div class="col-md-2">
                                            <label>To Date</label>
                                            <input type="date" name="to" value="{{ request('to') }}" class="form-control">
                                        </div>

                                        <div class="col-md-2">
                                            <button type="submit" class="btn btn-primary">Filter</button>
                                            <a href="{{ route('admin.customer.verification.request') }}" class="btn btn-secondary">Reset</a>
                                        </div>
                                    </div>
                                </form>
                            </div>


                                <div class="card-body table-responsive p-0">
    <table id="dataTables" class="table table-hover text-nowrap table-bordered jsgrid-table">
        <thead>
            <tr>
                <th width="5%">SL</th>
                <th width="15%">Name</th>
                <th width="15%">Email</th>
                <th width="10%">Phone</th>
                <th width="10%">Verification Document</th>
                <th width="10%">Document Verification</th>
                <th width="10%">Full Photo</th>
                <th width="10%">Photo Verification</th>
                <th width="10%">Created At</th>
                <th width="10%">Action</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>SL</th>
                <th>Name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Verification Document</th>
                <th>Document Verification</th>
                <th>Full Photo</th>
                <th>Photo Verification</th>
                <th>Created At</th>
                <th>Action</th>
            </tr>
        </tfoot>
    <tbody>
        @if (isset($data['rows']) && count($data['rows']) > 0)
            @foreach ($data['rows'] as $key => $row)
                <tr>
                    <td>{{ $key + 1 }}</td>
                    <td>{{ $row->user->name }}</td>
                    <td><a href="mailto:{{ $row->user->email }}">{{ $row->user->email }}</a></td>
                    <td><a href="tel:+{{ $row->user->phone }}">{{ $row->user->phone ?? 'N/A' }}</a></td>

                    {{-- 2-Star Verification Document --}}
                    <td>
                        @if ($row->user->verification_document)
                            <button type="button" class="btn btn-link p-0" data-toggle="modal"
                                data-target="#docModal{{ $row->id }}">View</button>
                            <!-- Modal -->
                            <div class="modal fade" id="docModal{{ $row->id }}" tabindex="-1" role="dialog"
                                aria-labelledby="docModalLabel{{ $row->id }}" aria-hidden="true">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Verification Document</h5>
                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        </div>
                                        <div class="modal-body">
                                            @if(Str::endsWith($row->user->verification_document, ['.pdf']))
                                                <iframe src="{{ asset($row->user->verification_document) }}"
                                                    style="width:100%;height:500px;"></iframe>
                                            @else
                                                <img src="{{ asset($row->user->verification_document) }}" class="img-fluid"
                                                    alt="Verification Document">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @else N/A @endif
                    </td>
                    <td>
                        @if ($row->document_verified == 1)
                            <span class="badge bg-success">Verified</span>
                        @else
                            <span class="badge bg-danger">Not Verified</span>
                        @endif
                    </td>

                    {{-- 3-Star Full Photo --}}
                    <td>
                        @if ($row->user->full_photo)
                            <button type="button" class="btn btn-link p-0" data-toggle="modal"
                                data-target="#photoModal{{ $row->id }}">View</button>
                            <!-- Modal -->
                            <div class="modal fade" id="photoModal{{ $row->id }}" tabindex="-1" role="dialog">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Full Photo Holding ID</h5>
                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        </div>
                                        <div class="modal-body">
                                            <img src="{{ asset($row->user->full_photo) }}" class="img-fluid" alt="Full Photo">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @else N/A @endif
                    </td>
                    <td>
                        @if ($row->photo_verified == 1)
                            <span class="badge bg-success">Verified</span>
                        @else
                            <span class="badge bg-danger">Not Verified</span>
                        @endif
                    </td>

                    <td>{{ date('d-M-Y', strtotime($row->created_at)) }}</td>

                    <td>
                        <div class="dropdown">
                            <button class="btn btn-secondary dropdown-toggle btn-sm" type="button"
                                data-toggle="dropdown">Action</button>
                            <div class="dropdown-menu">
                                @if (Auth::user()->can('admin.customer.view'))
                                    <a href="{{ route('admin.customer.view', $row->user->id) }}" class="dropdown-item">
                                        <i class="fas fa-eye"></i> View
                                    </a>
                                @endif

                                @if ($row->user->verification_document && !$row->document_verified && Auth::user()->can('admin.customer.edit'))
                                    <form action="{{ route('admin.customer.document.verified') }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="id" value="{{ $row->id }}">
                                        <button type="submit" class="dropdown-item"><i class="fas fa-id-card"></i> Verify Document</button>
                                    </form>
                                @endif

                                @if ($row->user->full_photo && !$row->photo_verified && Auth::user()->can('admin.customer.edit'))
                                    <form action="{{ route('admin.customer.photo.verified') }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="id" value="{{ $row->id }}">
                                        <button type="submit" class="dropdown-item"><i class="fas fa-user-check"></i> Verify Full
                                            Photo</button>
                                    </form>
                                @endif
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach
        @endif
    </tbody>

    </table>


                                </div>

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



@endsection
@push('script')
@endpush