@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">


            {{-- Menampilkan Bukti di Paling Atas --}}
            @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 m-10">
                <tr>
                    <th>Tanggal</th>
                    <td>{{ $jadwal->tanggal }}</td>
                </tr>
                <tr>
                    <th>Nama Karyawan</th>
                    <td>
                        @if($jadwal->karyawans->isNotEmpty())
                            <ul>
                                @foreach($jadwal->karyawans as $karyawan)
                                    <li>{{ $karyawan->nama }}</li>
                                @endforeach
                            </ul>
                        @else
                            -
                        @endif
                    </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>{{ $jadwal->progress }}</td>
                </tr>
                <tr>
                    <th>Estimasi Waktu</th>
                    <td>{{ $jadwal->estimasi_waktu }} jam</td>
                </tr>
                <tr>
                    <th>Pelanggan</th>
                    <td>{{ $jadwal->pelanggan->nama ?? '-' }}</td>
                </tr>
                <tr>
                    <th>No HP</th>
                    <td>{{ $jadwal->pelanggan->no_hp ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Alamat</th>
                    <td>{{ $jadwal->pelanggan->alamat ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Maps</th>
                    <td>
                        @if($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