@extends('Admin.layouts.app')
@section('title', 'Seeker View')

@section('content')

<h1 class="h3 mb-2 text-gray-800">
    <a href="{{ route('admin.seekers') }}" style="text-decoration: none;">
        <i class="fa fa-chevron-left"></i>
    </a>
    Seeker Details
</h1>

<div class="d-flex  inner-seeker-detail-sec">

    <!-- Profile Image -->
    <div>
        <div class="d-flex service-profile-img">
            <img src="{{ $seeker->profile_image ?? asset('admin/img/default.png') }}" class="img-fluid rounded-circle" alt="Profile Picture">
        </div>
    </div>

    <!-- Tabs -->
    <div class="service-detail-tab ms-4">
        <ul class="nav nav-pills" id="pills-tab" role="tablist">
            <li class="nav-item">
                <button class="nav-link active" data-bs-toggle="pill" data-bs-target="#pills-details" type="button">Personal Details</button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pills-bookings" type="button">Bookings</button>
            </li>
            {{-- <li class="nav-item">
                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pills-disputes" type="button">Disputes</button>
            </li> --}}
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pills-reviews" type="button">Reviews</button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pills-clients" type="button">Records</button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pills-earnings" type="button">Points</button>
            </li>
        </ul>
    </div>
</div>

<div class="tab-content mt-4">

    <!-- Personal Details -->
    <div class="tab-pane fade show active" id="pills-details">
        <div class="row">
            <div class="col-12">
                <div class="service-provider-detail lexend mt-4">
                    <div class="d-flex justify-content-between"><p>Name</p><p class="txt-grey">{{ $seeker->name }}</p></div>
                    <div class="d-flex justify-content-between"><p>Email</p><p class="txt-grey">{{ $seeker->email ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>Phone</p><p class="txt-grey">{{ $seeker->phone ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>Gender</p><p class="txt-grey">{{ $seeker->gender ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>City</p><p class="txt-grey">{{ $seeker->city ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>State</p><p class="txt-grey">{{ $seeker->state ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>Address</p><p class="txt-grey">{{ $seeker->address ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>National ID / Passport No</p><p class="txt-grey">{{ $seekerDetails->identifier_num ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>Allergy</p><p class="txt-grey">{{ $seekerDetails->allergy ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>Medical History</p><p class="txt-grey">{{ $seekerDetails->medical_history ?? '---' }}</p></div>
                    <div class="d-flex justify-content-between"><p>Dental History</p><p class="txt-grey">{{ $seekerDetails->dental_history ?? '---' }}</p></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Bookings -->
    <div class="tab-pane fade" id="pills-bookings">
        <div class="row">
            <div class="col-12">
                <div class="table-responsive mt-3">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Booking ID</th>
                                <th>Service</th>
                                <th>Amount</th>
                                <th>Status</th>
                                <th>Date/Time</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($bookings as $booking)
                            <tr>
                                <td>{{ $booking->id }}</td>
                                <td>{{ $booking->service_name ?? '---' }}</td>
                                <td>{{ $booking->service_amount ?? $booking->service_price ?? '---' }}</td>
                                <td>
                                    @if($booking->status == 'Pending')
                                        <span class="badge bg-warning">Pending</span>
                                    @elseif($booking->status == 'Accepted')
                                        <span class="badge bg-success">Accepted</span>
                                    @elseif($booking->status == 'Completed')
                                        <span class="badge bg-primary">Completed</span>
                                    @elseif($booking->status == 'Cancelled')
                                        <span class="badge bg-danger">Cancelled</span>
                                    @else
                                        <span class="badge bg-secondary">{{ $booking->status }}</span>
                                    @endif
                                </td>
                                <td>{{ \Carbon\Carbon::parse($booking->created_at)->format('d M, Y h:i A') }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="5" class="text-center">No bookings found for this seeker.</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Disputes -->
    <div class="tab-pane fade" id="pills-disputes">
        <div class="mt-3"><p>Disputes coming soon...</p></div>
    </div>  

   <!-- Reviews -->
   <div class="tab-pane fade" id="pills-reviews">
       <div class="row mt-3">
           <div class="col-12">
               <div class="reviews-container p-3 rounded bg-white">
                   <div class="d-flex justify-content-between align-items-center mb-3">
                       <h5 class="fw-bold">Reviews</h5>
                       <input type="date" class="form-control w-auto">
                   </div>
                   <div class="table-responsive">
                       <table class="table align-middle bg-white rounded">
                           <thead class="bg-light">
                               <tr>
                                   <th>Username</th>
                                   <th>Review</th>
                                   <th>Date</th>
                                   <th>Rating</th>
                               </tr>
                           </thead>
                           <tbody>
                               @forelse($reviews as $review)
                               <tr>
                                   <td class="d-flex align-items-center">
                                       <img src="{{ $review->user_profile_image ? asset('storage/'.$review->user_profile_image) : asset('admin/img/default.png') }}" 
                                            alt="{{ $review->user_name ?? 'User' }}" 
                                            class="rounded-circle me-2" width="40" height="40">
                                       <span>{{ $review->user_name ?? 'Username' }}</span>
                                   </td>
                                   <td>{{ $review->review ?: 'No review text' }}</td>
                                   <td>{{ \Carbon\Carbon::parse($review->created_at)->format('d/m/Y') }}</td>
                                   <td class="text-warning fw-bold">{{ $review->rating }} <i class="fa fa-star"></i></td>
                               </tr>
                               @empty
                               <tr>
                                   <td colspan="4" class="text-center">No reviews found.</td>
                               </tr>
                               @endforelse
                           </tbody>
                       </table>
                   </div>
               </div>
           </div>
       </div>
   </div>

   <!-- Records -->
   <div class="tab-pane fade" id="pills-clients">
       <div class="table-responsive mt-3">
           <table class="table table-bordered">
               <thead>
                   <tr>
                       <th>Record ID</th>
                       <th>Last Updated</th>
                       <th>Action</th>
                   </tr>
               </thead>
               <tbody>
                   @forelse($records as $record)
                   <tr>
                       <td>{{ $record->id }}</td>
                       <td>{{ \Carbon\Carbon::parse($record->updated_at)->format('d M, Y h:i A') }}</td>
                       <td>
                           <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#recordModal{{ $record->id }}">
                               View Record
                           </button>
                       </td>
                   </tr>

                   <!-- Modal for this record -->
                   <div class="modal fade" id="recordModal{{ $record->id }}" tabindex="-1" aria-hidden="true">
                       <div class="modal-dialog modal-dialog-centered">
                           <div class="modal-content border-0 shadow-lg rounded-4" style="max-width: 500px; margin:auto;">
                               <div class="modal-body p-4">
                                   <h6 class="fw-bold text-muted mb-1">Record Details</h6>
                                   <div class="p-2 rounded-3 fw-bold text-danger" style="background:#fbe8ef;">
                                       Record Id {{ $record->id }}
                                   </div>
                                   <div class="d-flex justify-content-between mb-2">
                                       <span class="fw-semibold">Date</span>
                                       <span class="text-muted">{{ $record->service_date }}</span>
                                   </div>
                                   <div class="d-flex justify-content-between mb-2">
                                       <span class="fw-semibold">Customer Name</span>
                                       <span class="text-muted">{{ $seeker->name }}</span>
                                   </div>
                                   <div class="d-flex justify-content-between mb-3">
                                       <span class="fw-semibold">Services</span>
                                       <span class="text-muted">{{ $record->service_name ?? '---' }}</span>
                                   </div>

                                   <!-- Attachments -->
                        <div class="mb-3">
                          <p class="fw-semibold mb-1">X-RAY Reports</p>
                          <div class="d-flex gap-2 flex-wrap">
                              @foreach($recordAttachments->where('record_id', $record->id)->where('type','report') as $att)
                                  @php $ext = strtolower(pathinfo($att->attachment, PATHINFO_EXTENSION)); @endphp
                                  @if(in_array($ext,['jpg','jpeg','png','gif']))
                                      <a href="{{ $att->attachment }}" target="_blank">
                                          <img src="{{ $att->attachment }}" class="mb-2 rounded" style="max-width:100px;">
                                      </a>
                                  @else
                                      <a href="{{ $att->attachment }}" target="_blank" class="btn-pdf">PDF</a>
                                  @endif
                              @endforeach
                          </div>
                        </div>

                        <div class="mb-3">
                          <p class="fw-semibold mb-1">Instructions</p>
                          <div class="d-flex gap-2 flex-wrap">
                              @foreach($recordAttachments->where('record_id', $record->id)->where('type','instruction') as $att)
                                  @php $ext = strtolower(pathinfo($att->attachment, PATHINFO_EXTENSION)); @endphp
                                  @if(in_array($ext,['jpg','jpeg','png','gif']))
                                      <a href="{{ $att->attachment }}" target="_blank">
                                          <img src="{{ $att->attachment }}" class="mb-2 rounded" style="max-width:100px;">
                                      </a>
                                  @else
                                      <a href="{{ $att->attachment }}" target="_blank" class="btn-pdf">PDF</a>
                                  @endif
                              @endforeach
                          </div>
                        </div>

                                   {{-- <div class="mb-3">
                                       <p class="fw-semibold mb-1">Instructions</p>
                                       <div class="d-flex gap-2 flex-wrap">
                                           @foreach($recordAttachments->where('record_id',$record->id)->where('type','instructions') as $att)
                                               @php $ext = strtolower(pathinfo($att->attachment, PATHINFO_EXTENSION)); @endphp
                                               @if(in_array($ext,['jpg','jpeg','png','gif']))
                                                   <a href="{{ asset('uploads/'.$att->attachment) }}" target="_blank">
                                                       <img src="{{ asset('uploads/'.$att->attachment) }}" style="max-width:100px;" class="mb-2 rounded">
                                                   </a>
                                               @else
                                                   <a href="{{ asset('uploads/'.$att->attachment) }}" target="_blank" class="btn-pdf">PDF</a>
                                               @endif
                                           @endforeach
                                       </div>
                                   </div> --}}

                                   <div class="mb-2">
                                       <p class="fw-semibold mb-1">Notes</p>
                                       <p class="text-muted small">{{ $record->note }}</p>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   @empty
                   <tr>
                       <td colspan="3" class="text-center">No records found.</td>
                   </tr>
                   @endforelse
               </tbody>
           </table>
       </div>
   </div>

   <!-- Points Tab -->
<div class="tab-pane fade" id="pills-earnings">
    <div class="table-responsive mt-3">
        <table class="table table-bordered align-middle">
            <thead class="bg-light">
                <tr>
                    <th>#</th>
                    <th>User Name</th>
                    <th>Service</th>
                    <th>Type</th>
                    <th>Loyalty Points</th>
                    <th>Date</th>
                </tr>
            </thead>
            <tbody>
                @forelse($points as $key => $point)
                <tr>
                    <td>{{ $key + 1 }}</td>
                    <td>{{ $point->user_name ?? '---' }} {{ $point->user_last_name ?? '' }}</td>
                    <td>{{ $point->service_name ?? '---' }}</td>
                    <td>
                        @if($point->type == 'received')
                            <span class="badge bg-success">Received</span>
                        @else
                            <span class="badge bg-secondary">{{ ucfirst($point->type ?? '---') }}</span>
                        @endif
                    </td>
                    <td class="fw-bold text-primary">{{ $point->loyality_point ?? 0 }}</td>
                    <td>{{ \Carbon\Carbon::parse($point->created_at)->format('d M, Y h:i A') }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center text-muted">No points record found for this seeker.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>


</div>
@endsection



<style>
.modal-content { border-radius: 20px !important; background: #fff !important; }
.btn-pdf { display:inline-block;background:#ff4d4f;color:#fff;font-size:12px;font-weight:bold;padding:6px 12px;border-radius:8px;text-decoration:none; }
.btn-pdf:hover { background:#e63946; }
</style>