@extends('admin.layouts.app')

@section('title')
    Job Details
@endsection

@section('content')
    <div class="container">
        <div class="page-inner">
            <!-- Page Header -->
            <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
                <div>
                    <h3 class="fw-bold mb-3">Job Details</h3>
                </div>
                <div class="ms-md-auto py-2 py-md-0">
                    <a href="{{ route('admin.job.list') }}" class="btn btn-secondary btn-round">Back to Job List</a>
                </div>
            </div>

            <!-- Job Details -->
            <div class="row">
                <!-- Job Name -->
                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Job Name</h5>
                            <p>{{ $job->job_name ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Job Number -->
                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Job Number</h5>
                            <p>{{ $job->job_number ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Job Type -->
                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Job Type</h5>
                            <p>{{ $job->job_type ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Status -->
                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Status</h5>
                            <p>{{ $job->status ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Address Details -->
                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Street Address</h5>
                            <p>{{ $job->street_address ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">City</h5>
                            <p>{{ $job->city ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Postal Code</h5>
                            <p>{{ $job->postal_code ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Additional Address</h5>
                            <p>{{ $job->additional_address ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Supervisor Details -->
                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Supervisor</h5>
                            <p>{{ $job->assign_to ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Team Leader</h5>
                            <p>{{ $job->team_leader_id ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Job Location -->
                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Job Location</h5>
                            <p>{{ $job->job_location ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Coordinates</h5>
                            <p>Lat: {{ $job->lat ?? 'N/A' }}, Lng: {{ $job->lng ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Other Details -->
                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Due Date</h5>
                            <p>{{ $job->due_date ? \Carbon\Carbon::parse($job->due_date)->format('d M Y') : 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Technicians</h5>
                            <p>{{ $job->tech_ids ? implode(', ', explode(',', $job->tech_ids)) : 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="card card-round">
                        <div class="card-body">
                            <h5 class="fw-bold">Description</h5>
                            <div>{!! $job->description ?? 'No description available' !!}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection