@extends('layouts.admin')

@section('title', 'Data Sewa')

@section('content')

<div class="p-6">

    <h1 class="text-2xl font-bold mb-6">Data Sewa</h1>

    {{-- NOTIF --}}
    @if(session('success'))
        <div class="bg-green-500 text-white p-3 mb-4 rounded">
            {{ session('success') }}
        </div>
    @endif

    {{-- SEARCH --}}
    <form method="GET" class="mb-4 flex gap-2">
        <input type="text"
               name="search"
               value="{{ $keyword ?? '' }}"
               placeholder="Cari nama pelanggan..."
               class="border p-2 rounded w-64">

        <button class="bg-blue-600 text-white px-4 rounded">
            Cari
        </button>

        <a href="{{ route('admin.sewa') }}"
           class="bg-gray-500 text-white px-4 py-2 rounded">
            Reset
        </a>
    </form>

    <div class="bg-white shadow rounded overflow-x-auto">

        <table class="w-full text-sm">

            <thead class="bg-gray-200">
                <tr>
                    <th class="p-3">No</th>
                    <th class="p-3">Pelanggan</th>
                    <th class="p-3">Jumlah Orang</th>
                    <th class="p-3">Item Sewa</th>
                    <th class="p-3">Jumlah</th>
                    <th class="p-3">Jenis</th>
                    <th class="p-3">Jaminan</th>
                    <th class="p-3">Tanggal Sewa</th>
                    <th class="p-3">Tanggal Kembali</th>
                    <th class="p-3">Hari</th>
                    <th class="p-3">Status</th>
                    <th class="p-3">Aksi</th>
                </tr>
            </thead>

            <tbody>

            @forelse($data as $item)

                <tr class="border-b">

                    <td class="p-3">
                        {{ $loop->iteration }}
                    </td>

                    <td class="p-3">
                        {{ $item->pelanggan->nama ?? '-' }}
                    </td>

                    <td class="p-3">
                        {{ $item->jumlah_orang }}
                    </td>

                    {{-- ========================= --}}
                    {{-- ITEM ALAT / PAKET --}}
                    {{-- ========================= --}}
                    <td class="p-3">

                        @if($item->alat)

                            <span class="inline-block bg-green-100 text-green-700 text-xs px-2 py-1 rounded mb-1">
                                ALAT
                            </span>

                            <br>

                            {{ $item->alat->nama }}

                        @elseif($item->paket)

                            <span class="inline-block bg-blue-100 text-blue-700 text-xs px-2 py-1 rounded mb-1">
                                PAKET
                            </span>

                            <br>

                            {{ $item->paket->nama }}

                        @else

                            <span class="text-gray-400">
                                -
                            </span>

                        @endif

                    </td>

                    <td class="p-3">
                        {{ $item->jumlah }}
                    </td>

                    <td class="p-3">
                        {{ ucfirst($item->jenis_sewa) }}
                    </td>

                    <td class="p-3">
                        {{ $item->jaminan }}
                    </td>

                    <td class="p-3">
                        {{ \Carbon\Carbon::parse($item->tanggal_sewa)->translatedFormat('d-m-Y H:i') }}
                    </td>

                    <td class="p-3">
                        {{ \Carbon\Carbon::parse($item->tanggal_kembali)->translatedFormat('d-m-Y H:i') }}
                    </td>

                    <td class="p-3 text-blue-600 font-semibold">
                        {{ $item->lama_sewa }} Hari
                    </td>

                    <td class="p-3">

                        @if($item->status=='sewa')

                            <span class="bg-yellow-500 text-white px-2 py-1 rounded text-xs">
                                Disewa
                            </span>

                        @else

                            <span class="bg-green-600 text-white px-2 py-1 rounded text-xs">
                                Selesai
                            </span>

                        @endif

                    </td>

                    <td class="p-3 flex gap-2">

                        @if($item->status=='sewa')

                        <form action="{{ route('admin.pengembalian.proses',$item->id) }}" method="POST">
                            @csrf
                            <button class="bg-green-600 text-white px-3 py-1 rounded">
                                Selesai
                            </button>
                        </form>

                        @endif

                        <form action="{{ route('admin.sewa.delete',$item->id) }}"
                              method="POST"
                              onsubmit="return confirm('Yakin ingin menghapus data ini?')">

                            @csrf
                            @method('DELETE')

                            <button class="bg-red-600 text-white px-3 py-1 rounded">
                                Hapus
                            </button>

                        </form>

                    </td>

                </tr>

            @empty

                <tr>
                    <td colspan="12" class="text-center p-6 text-gray-500">
                        Belum ada data sewa
                    </td>
                </tr>

            @endforelse

            </tbody>

        </table>

    </div>

</div>

@endsection