@extends('layouts.master')

@section('content')

<div class="bg-white rounded-lg shadow">

<div class="flex justify-between items-center p-4 border-b">

    <h2 class="text-xl font-bold">
        Trainer Management
    </h2>

    <a href="{{ route('trainers.create') }}"
       class="bg-blue-600 text-white px-4 py-2 rounded">

        Add Trainer

    </a>

</div>

@if(session('success'))

    <div class="m-4 p-3 bg-green-100 text-green-800 rounded">

        {{ session('success') }}

    </div>

@endif

<form method="GET"
      action="{{ route('trainers.index') }}"
      class="m-4">

    <div class="flex gap-3">

        <input type="text"
               name="search"
               value="{{ request('search') }}"
               placeholder="Search Trainer Name, Code, Mobile"
               class="border rounded px-4 py-2 w-full">

        <button type="submit"
                class="bg-blue-600 text-white px-6 rounded">

            Search

        </button>

        <a href="{{ route('trainers.index') }}"
           class="bg-gray-500 text-white px-6 rounded flex items-center">

            Reset

        </a>

    </div>

</form>

<div class="overflow-x-auto">

    <table class="w-full border-collapse">

        <thead>

            <tr class="bg-gray-100">

                <th class="border p-2">Code</th>
                <th class="border p-2">Trainer Name</th>
                <th class="border p-2">Mobile</th>
                <th class="border p-2">City</th>
                <th class="border p-2">State</th>
                <th class="border p-2">Profile</th>
                <th class="border p-2">Signature</th>
                <th class="border p-2">Trainer Documents</th>
                <th class="border p-2">Status</th>
                <th class="border p-2">Action</th>
                

            </tr>

        </thead>

        <tbody>

            @forelse($trainers as $trainer)

            <tr>

                <td class="border p-2">
                    {{ $trainer->trainer_code }}
                </td>

                <td class="border p-2">
                    {{ $trainer->trainer_name }}
                </td>

                <td class="border p-2">
                    {{ $trainer->mobile_no }}
                </td>

                <td class="border p-2">
                    {{ $trainer->city }}
                </td>

                <td class="border p-2">
                    {{ $trainer->state }}
                </td>

               <td class="border p-2 text-center">

                @if($trainer->profile_file)

                    <a href="{{ asset('storage/'.$trainer->profile_file) }}"
                    target="_blank"
                    class="text-green-600 font-semibold">

                        View

                    </a>

                @else

                    -

                @endif

            </td>
            <td class="border p-2 text-center">

    @if($trainer->signature)

        <a href="{{ asset('storage/'.$trainer->signature) }}"
           target="_blank"
           class="text-green-600 font-semibold">

            View

        </a>

    @else

        -

    @endif
                <td class="border p-2">
                    {{ $trainer->documents()->count() }}
                </td>

</td>
                        -
                <td class="border p-2">

                    @if($trainer->status)

                        Active

                    @else

                        Inactive

                    @endif

                </td>

                <td class="border p-2">

                    <div class="flex gap-2">
                        <a href="{{ route('trainer-documents.index',$trainer) }}"
                            class="bg-indigo-600 text-white px-3 py-1 rounded">

                                Documents

                            </a>

                        <a href="{{ route('trainers.edit',$trainer) }}"
                           class="bg-yellow-500 text-white px-3 py-1 rounded">

                            Edit

                        </a>

                        <form method="POST"
                              action="{{ route('trainers.destroy',$trainer) }}">

                            @csrf
                            @method('DELETE')

                            <button type="submit"
                                    onclick="return confirm('Delete Trainer?')"
                                    class="bg-red-600 text-white px-3 py-1 rounded">

                                Delete

                            </button>

                        </form>

                    </div>

                </td>

            </tr>

            @empty

            <tr>

                <td colspan="8"
                    class="border p-4 text-center">

                    No Trainers Found

                </td>

            </tr>

            @endforelse

        </tbody>

    </table>

</div>

<div class="p-4">

    {{ $trainers->links() }}

</div>

</div>

@endsection