@extends('admin.layouts.master-index')

@section('title', 'تفاصيل الرخص للكابتن ' . $captain->name)

@section('table')
    <div class="container mt-4">
        <h2>تفاصيل الرخص للكابتن {{ $captain->name }}</h2>
        
        <!-- License Details Table -->
        <table class="table align-middle table-row-dashed fs-4 gy-5" id="license_table">
            <thead>
                <tr class="text-start text-muted fw-bolder fs-5 text-uppercase gs-0">
                    <th class="min-w-125px">النوع</th>
                    <th class="min-w-125px">صورة أمامية</th>
                    <th class="min-w-125px">صورة خلفية</th>
                    <th class="min-w-125px">تاريخ الانتهاء</th>
                </tr>
            </thead>
            <tbody>
                @foreach($licenses as $license)
                    <tr>
                        <td>{{ $license->type }}</td>
                        <td>
                            <a href="{{ asset('storage/' . $license->front_image) }}" target="_blank">
                                <img src="{{ asset('storage/' . $license->front_image) }}" alt="Front Image" class="img-fluid" style="max-width: 100px; height: auto; border: 1px solid #ddd; border-radius: 5px;">
                            </a>
                        </td>
                        <td>
                            <a href="{{ asset('storage/' . $license->back_image) }}" target="_blank">
                                <img src="{{ asset('storage/' . $license->back_image) }}" alt="Back Image" class="img-fluid" style="max-width: 100px; height: auto; border: 1px solid #ddd; border-radius: 5px;">
                            </a>
                        </td>
                        <td>{{ $license->expiry_date }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection