@extends('layouts.main')

@section('content')
<div class="pagetitle">
    <h1>Detail Pekerjaan</h1>
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ url('/admin/dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('data-pekerjaan.index') }}">Data Pekerjaan</a></li>
            <li class="breadcrumb-item active">Detail</li>
        </ol>
    </nav>
</div>

<section class="section">
    <div class="row">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h5 class="card-title">Informasi Pekerjaan</h5>
                        <div>
                            <a href="{{ route('data-pekerjaan.edit', $pekerjaan->id) }}" class="btn btn-warning btn-sm">
                                <i class="bi bi-pencil me-1"></i>Edit
                            </a>
                            <a href="{{ route('data-pekerjaan.index') }}" class="btn btn-secondary btn-sm">
                                <i class="bi bi-arrow-left me-1"></i>Kembali
                            </a>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <td class="fw-bold">Nama Pekerjaan:</td>
                                    <td>{{ $pekerjaan->name }}</td>
                                </tr>
                                <tr>
                                    <td class="fw-bold">Kategori:</td>
                                    <td>
                                        <span class="badge bg-info">{{ $pekerjaan->category->name }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="fw-bold">Beban Pekerjaan:</td>
                                    <td>
                                        @php
                                            $bebanClass = '';
                                            switch($pekerjaan->beban) {
                                                case 'Ringan':
                                                    $bebanClass = 'bg-success';
                                                    break;
                                                case 'Sedang':
                                                    $bebanClass = 'bg-warning';
                                                    break;
                                                case 'Berat':
                                                    $bebanClass = 'bg-danger';
                                                    break;
                                                default:
                                                    $bebanClass = 'bg-secondary';
                                            }
                                        @endphp
                                        <span class="badge {{ $bebanClass }}">{{ $pekerjaan->beban }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="fw-bold">Harga:</td>
                                    <td class="text-success fw-bold">Rp {{ number_format($pekerjaan->price, 0, ',', '.') }}</td>
                                </tr>
                                @if($pekerjaan->deal_price && $pekerjaan->deal_price != $pekerjaan->price)
                                <tr>
                                    <td class="fw-bold">Harga Deal:</td>
                                    <td class="text-primary fw-bold">Rp {{ number_format($pekerjaan->deal_price, 0, ',', '.') }}</td>
                                </tr>
                                @endif
                                <tr>
                                    <td class="fw-bold">Durasi:</td>
                                    <td>{{ $pekerjaan->day }} hari</td>
                                </tr>
                                <tr>
                                    <td class="fw-bold">Tanggal Dibuat:</td>
                                    <td>{{ $pekerjaan->date ? $pekerjaan->date->format('d/m/Y') : '-' }}</td>
                                </tr>
                                @if($pekerjaan->date_pekerjaan)
                                <tr>
                                    <td class="fw-bold">Tanggal Pelaksanaan:</td>
                                    <td>
                                        {{ $pekerjaan->date_pekerjaan->format('d/m/Y') }}
                                        @if($pekerjaan->jam_pekerjaan)
                                            {{ date('H:i', strtotime($pekerjaan->jam_pekerjaan)) }}
                                        @endif
                                    </td>
                                </tr>
                                @endif
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <!-- <td class="fw-bold">Koordinat:</td>
                                    <td>
                                        <small>
                                            Latitude: {{ $pekerjaan->lat }}<br>
                                            Longitude: {{ $pekerjaan->long }}
                                        </small>
                                        <br>
                                        <a href="https://maps.google.com/?q={{ $pekerjaan->lat }},{{ $pekerjaan->long }}" 
                                           target="_blank" class="btn btn-outline-primary btn-sm mt-1">
                                            <i class="bi bi-geo-alt me-1"></i>Lihat di Maps
                                        </a>
                                    </td> -->
                                </tr>
                                <tr>
                                    <td class="fw-bold">Status:</td>
                                    <td>
                                        @php
                                            $statusClass = '';
                                            switch($pekerjaan->status) {
                                                case 'pending':
                                                    $statusClass = 'bg-secondary';
                                                    break;
                                                case 'accepted':
                                                    $statusClass = 'bg-primary';
                                                    break;
                                                case 'in_progress':
                                                    $statusClass = 'bg-warning';
                                                    break;
                                                case 'waiting_for_approval':
                                                    $statusClass = 'bg-info';
                                                    break;
                                                case 'completed':
                                                    $statusClass = 'bg-success';
                                                    break;
                                                case 'cancelled':
                                                    $statusClass = 'bg-danger';
                                                    break;
                                                case 'rejected':
                                                    $statusClass = 'bg-dark';
                                                    break;
                                                default:
                                                    $statusClass = 'bg-secondary';
                                            }
                                        @endphp
                                        <span class="badge {{ $statusClass }}">{{ $pekerjaan->status_label }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="fw-bold">Dibuat:</td>
                                    <td>{{ $pekerjaan->created_at->format('d/m/Y H:i') }}</td>
                                </tr>
                                <tr>
                                    <td class="fw-bold">Diperbarui:</td>
                                    <td>{{ $pekerjaan->updated_at->format('d/m/Y H:i') }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <div class="mt-3">
                        <h6 class="fw-bold">Deskripsi Pekerjaan:</h6>
                        <div class="border rounded p-3 bg-light">
                            {{ $pekerjaan->desc }}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <!-- Customer Information (if accepted) -->
            @if($pekerjaan->accepted_user_id && $pekerjaan->acceptedUser)
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Informasi Customer</h5>
                    <div class="text-center mb-3">
                        @if($pekerjaan->acceptedUser->profile && file_exists(public_path('uploads/users/' . $pekerjaan->acceptedUser->id . '/' . $pekerjaan->acceptedUser->profile)))
                            <img src="{{ asset('uploads/users/' . $pekerjaan->acceptedUser->id . '/' . $pekerjaan->acceptedUser->profile) }}" 
                                 alt="Profile" class="rounded-circle" width="80" height="80">
                        @else
                            <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center mx-auto" 
                                 style="width: 80px; height: 80px; font-size: 24px;">
                                {{ strtoupper(substr($pekerjaan->acceptedUser->name, 0, 2)) }}
                            </div>
                        @endif
                    </div>
                    <div class="text-center">
                        <h6 class="fw-bold">{{ $pekerjaan->acceptedUser->name }}</h6>
                        <p class="text-muted mb-1">{{ $pekerjaan->acceptedUser->email }}</p>
                        <p class="text-muted mb-1">{{ $pekerjaan->acceptedUser->phone }}</p>
                        <span class="badge bg-success">Customer yang Menerima</span>
                    </div>
                </div>
            </div>
            @endif

            <!-- Transaction Information (if exists) -->
            @if($pekerjaan->transaksi)
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Informasi Transaksi</h5>
                    <table class="table table-sm table-borderless">
                        <tr>
                            <td class="fw-bold">Kode Transaksi:</td>
                            <td>{{ $pekerjaan->transaksi->transaction_code }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Jumlah:</td>
                            <td class="text-success fw-bold">{{ $pekerjaan->transaksi->formatted_amount }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Status:</td>
                            <td>
                                @php
                                    $transaksiStatusClass = '';
                                    switch($pekerjaan->transaksi->status_transaksi) {
                                        case 'pending':
                                            $transaksiStatusClass = 'bg-warning';
                                            break;
                                        case 'menunggu_verifikasi':
                                            $transaksiStatusClass = 'bg-info';
                                            break;
                                        case 'berhasil':
                                            $transaksiStatusClass = 'bg-success';
                                            break;
                                        case 'ditolak':
                                            $transaksiStatusClass = 'bg-danger';
                                            break;
                                        case 'expired':
                                            $transaksiStatusClass = 'bg-dark';
                                            break;
                                        default:
                                            $transaksiStatusClass = 'bg-secondary';
                                    }
                                @endphp
                                <span class="badge {{ $transaksiStatusClass }}">{{ $pekerjaan->transaksi->status_label }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="fw-bold">Deadline:</td>
                            <td>{{ $pekerjaan->transaksi->deadline ? $pekerjaan->transaksi->deadline->format('d/m/Y H:i') : '-' }}</td>
                        </tr>
                        @if($pekerjaan->transaksi->bukti_transfer)
                        <tr>
                            <td class="fw-bold">Bukti Transfer:</td>
                            <td>
                                <a href="{{ $pekerjaan->transaksi->bukti_transfer_url }}" target="_blank" class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-image me-1"></i>Lihat Bukti
                                </a>
                            </td>
                        </tr>
                        @endif
                    </table>
                </div>
            </div>
            @endif

            <!-- Worker Information -->
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Informasi Worker</h5>
                    <div class="text-center mb-3">
                        @if($pekerjaan->user->profile && file_exists(public_path('uploads/users/' . $pekerjaan->user->id . '/' . $pekerjaan->user->profile)))
                            <img src="{{ asset('uploads/users/' . $pekerjaan->user->id . '/' . $pekerjaan->user->profile) }}" 
                                 alt="Profile" class="rounded-circle" width="80" height="80">
                        @else
                            <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center mx-auto" 
                                 style="width: 80px; height: 80px; font-size: 24px;">
                                {{ strtoupper(substr($pekerjaan->user->name, 0, 2)) }}
                            </div>
                        @endif
                    </div>
                    <div class="text-center">
                        <h6 class="fw-bold">{{ $pekerjaan->user->name }}</h6>
                        <p class="text-muted mb-1">{{ $pekerjaan->user->email }}</p>
                        <p class="text-muted mb-1">{{ $pekerjaan->user->phone }}</p>
                        @if($pekerjaan->user->deskripsi_pekerjaan)
                            <div class="mt-2">
                                <small class="text-muted">{{ $pekerjaan->user->deskripsi_pekerjaan }}</small>
                            </div>
                        @endif
                        @if($pekerjaan->user->tools)
                            <div class="mt-2">
                                <small><strong>Tools:</strong> {{ $pekerjaan->user->tools }}</small>
                            </div>
                        @endif
                        @if($pekerjaan->user->skills)
                            <div class="mt-1">
                                <small><strong>Skills:</strong> {{ $pekerjaan->user->skills }}</small>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Images -->
            @if($pekerjaan->img1 || $pekerjaan->img2 || $pekerjaan->img3 || $pekerjaan->img4)
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Gambar Pekerjaan</h5>
                    <div class="row g-2">
                        @php
                            $folderPath = $pekerjaan->id_category . '_' . $pekerjaan->id;
                        @endphp
                        @for($i = 1; $i <= 4; $i++)
                            @php $imgField = "img{$i}"; @endphp
                            @if($pekerjaan->{$imgField})
                                <div class="col-6">
                                    <img src="{{ asset('uploads/pekerjaan/' . $folderPath . '/' . $pekerjaan->{$imgField}) }}" 
                                         alt="Gambar {{ $i }}" 
                                         class="img-fluid rounded cursor-pointer"
                                         style="height: 80px; object-fit: cover; cursor: pointer;"
                                         data-bs-toggle="modal" 
                                         data-bs-target="#imageModal{{ $i }}">
                                </div>

                                <!-- Modal for Image {{ $i }} -->
                                <div class="modal fade" id="imageModal{{ $i }}" tabindex="-1">
                                    <div class="modal-dialog modal-lg modal-dialog-centered">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Gambar {{ $i }} - {{ $pekerjaan->name }}</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                            </div>
                                            <div class="modal-body text-center">
                                                <img src="{{ asset('uploads/pekerjaan/' . $folderPath . '/' . $pekerjaan->{$imgField}) }}" 
                                                     alt="Gambar {{ $i }}" 
                                                     class="img-fluid rounded"
                                                     style="max-height: 70vh;">
                                            </div>
                                            <div class="modal-footer">
                                                <a href="{{ asset('uploads/pekerjaan/' . $folderPath . '/' . $pekerjaan->{$imgField}) }}" 
                                                   download="{{ $pekerjaan->{$imgField} }}" 
                                                   class="btn btn-primary">
                                                    <i class="bi bi-download me-1"></i>Download
                                                </a>
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endfor
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</section>
@endsection