@extends('layouts.headkaryawan')
@section('title', 'Jadwal Tugas')
@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">Detail Tugas</h5>
             
             
        </div>

        <div class="card-body m-10">
            <table class="table table-bordered">
                <tr>
                    <th>Bukti</th>
                    <td>
                        @if ($jadwal->bukti)
                        <img src="{{ asset('storage/' . $jadwal->bukti) }}" alt="Bukti Jadwal" width="200">
                        @else
                        <p>Tidak ada bukti</p>
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>Tanggal</th>
                    <td>{{ $jadwal->tanggal }}</td>
                </tr>
                <tr>
                    <th>Tugas</th>
                    <td>{{ $jadwal->tugas }}</td>
                </tr>
                <tr>
                    <th>Nama 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 (!empty($jadwal->pelanggan->maps))
                        <a href="{{ $jadwal->pelanggan->maps }}" target="_blank">Lihat Lokasi</a>
                        @else
                        -
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>Catatan</th>
                    <td>{{ $jadwal->catatan }}</td>
                </tr>
                <tr>
                    <th>Waktu</th>
                    <td>{{ $jadwal->waktu }}</td>
                </tr>
                <tr>
                    <th>Estimasi Waktu</th>
                    <td>{{ $jadwal->estimasi_waktu }}</td>
                </tr>
                <tr>
                    <th>Progress</th>
                    <td>{{ $jadwal->progress }}</td>
                </tr>
            </table>

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


@if($whatsappLink)
                    <a href="{{ $whatsappLink }}" target="_blank" class="wfloat btn btn-success btn-icon-split">
                    
                                            <span class="icon text-white-50">
                                                <i class="bi bi-whatsapp"></i>
                                            </span>
                                            <span class="text">WhatsApp</span>
                                        </a>
                    
                    </a>
                @endif

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<style>
    .wfloat {
        position: fixed;
        bottom: 20px;
        right: 20px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    }
    
</style>
@endsection