@extends('layouts.headatmin')

@section('content')
<div class="container-fluid ">
    <div class="card shadow mb-4">
        <div class="card-header d-flex  py-3">
            <a href="#" 
                onclick="window.history.length > 1 ? history.back() : window.location.href='{{ route('pelanggan.index') }}';" 
                class="btn btn-secondary btn-icon-split" 
                data-bs-toggle="tooltip" 
                data-bs-placement="top">
                    <span class="icon text-white-50">
                        <i class="fas fa-arrow-left"></i>
                    </span>
                </a>
             <h5 class=" font-weight-bold d-flex justify-content-center align-items-center w-100">Informasi Jadwal</h5>
             
             
        </div>
        <div class="card-body m-10">

            @if($jadwal->bukti)
            <div class="text-center mb-3">
                <img src="{{ asset('storage/'.$jadwal->bukti) }}" alt="Bukti" class="img-fluid rounded" style="max-width: 300px;">
            </div>
            @endif

            <table class="table table-bordered">
                <tr><th>Tanggal</th><td>{{ $jadwal->tanggal }}</td></tr>
                <tr>
                    <th>Nama Karyawan</th>
                    <td>
                        @forelse($jadwal->karyawans as $karyawan)
                            <li>{{ $karyawan->nama }}</li>
                        @empty
                            -
                        @endforelse
                    </td>
                </tr>
                <tr><th>Tugas</th><td>{{ $jadwal->tugas }}</td></tr>
                <tr><th>Waktu</th><td>{{ $jadwal->waktu }}</td></tr>
                <tr><th>Catatan</th><td>{{ $jadwal->catatan }}</td></tr>
                <tr><th>Progress</th><td>
                    <div>
                                            @if($jadwal->progress == 'belum dikerjakan')
                                                <span class="status-badge status-pending">
                                                    <i class="bi bi-clock-fill"></i> belum dikerjakan
                                                </span>
                                            @elseif($jadwal->progress == 'sedang dikerjakan')
                                                <span class="status-badge status-diproses">
                                                    <i class="bi bi-gear-fill"></i> sedang dikerjakan
                                                </span>
                                            @elseif($jadwal->progress == 'selesai')
                                                <span class="status-badge status-selesai">
                                                    <i class="bi bi-check-circle-fill"></i> Selesai
                                                </span>
                                            @endif
                                        </div>
                </td></tr>
                <tr><th>Estimasi Waktu</th><td>{{ $jadwal->estimasi_waktu }} jam</td></tr>
                <tr><th>Pelanggan</th><td>{{ optional($jadwal->pelanggan)->nama ?? '-' }}</td></tr>
                <tr><th>No HP</th><td>{{ optional($jadwal->pelanggan)->no_hp ?? '-' }}</td></tr>
                <tr><th>Alamat</th><td>{{ optional($jadwal->pelanggan)->alamat ?? '-' }}</td></tr>
                <tr>
                    <th>Maps</th>
                    <td>
                        @if(optional($jadwal->pelanggan)->maps)
                        <a href="{{ $jadwal->pelanggan->maps }}" target="_blank">Lihat Lokasi</a>
                        @else
                        Tidak ada link Maps.
                        @endif
                    </td>
                </tr>
            </table>

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

@endsection