@extends('layouts.omd.omd')

@section('title', 'Execution Details')

@section('content')

    <div class="container-fluid py-4 px-3">

        {{-- Header --}}
        <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-3">

            <div>
                <h3 class="fw-bold mb-1">
                    Execution Details
                </h3>

                <p class="text-muted mb-0">
                    PO Number :
                    <span class="fw-semibold text-dark">
                        {{ $execution->order->po_number }}
                    </span>
                </p>
            </div>

            <div>
                @php
                    $statusColors = [
                        'pending' => 'warning',
                        'in_progress' => 'primary',
                        'completed' => 'success',
                        'cancelled' => 'danger',
                    ];

                    $badge = $statusColors[$execution->status] ?? 'secondary';
                @endphp

                <span class="badge bg-{{ $badge }} px-3 py-2 text-uppercase">
                    {{ str_replace('_', ' ', $execution->status) }}
                </span>
            </div>

        </div>

        {{-- Summary Cards --}}
        <div class="row g-3 mb-4">

            <div class="col-md-4">
                <div class="card shadow-sm border-0 h-100">
                    <div class="card-body">
                        <p class="text-muted mb-1">Start Date</p>

                        <h6 class="fw-bold mb-0">
                            {{ $execution->start_date ?? 'Not Started' }}
                        </h6>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="card shadow-sm border-0 h-100">
                    <div class="card-body">
                        <p class="text-muted mb-1">End Date</p>

                        <h6 class="fw-bold mb-0">
                            {{ $execution->end_date ?? 'Pending' }}
                        </h6>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="card shadow-sm border-0 h-100">
                    <div class="card-body">
                        <p class="text-muted mb-1">Vendor</p>

                        <h6 class="fw-bold mb-0">
                            {{ $execution->order->vendor->company_name ?? '-' }}
                        </h6>
                    </div>
                </div>
            </div>

        </div>

        {{-- Remarks --}}
        <div class="card shadow-sm border-0 mb-4">
            <div class="card-body">

                <h6 class="fw-bold mb-3">
                    Remarks
                </h6>

                <p class="text-muted mb-0">
                    {{ $execution->remarks ?? 'No remarks added yet.' }}
                </p>

            </div>
        </div>

        {{-- Documents Section --}}
        <div class="card shadow-sm border-0">

            <div class="card-header bg-white border-0 py-3">
                <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">

                    <div>
                        <h5 class="mb-0 fw-bold">
                            Site Execution Reports
                        </h5>

                        <small class="text-muted">
                            Upload and manage execution documents
                        </small>
                    </div>

                </div>
            </div>

            <div class="card-body p-0">

                @php
                    $docs = [
                        'AB Report',
                        'Alignment Report',
                        'Bolt Tightening Report',
                        'Roof Sheeting Report',
                        'Equipment Usage',
                        'Fuel Consumption',
                        'Site Photos',
                        'Manpower Details'
                    ];
                @endphp

                <div class="table-responsive">

                    <table class="table align-middle mb-0">

                        <thead class="table-light">
                            <tr>
                                <th class="ps-4">Document</th>
                                <th>Status</th>
                                <th>File</th>
                                <th class="text-center pe-4">Action</th>
                            </tr>
                        </thead>

                        <tbody>

                            @foreach($docs as $docName)

                                @php
                                    $doc = $execution->documents
                                        ->where('document_type', $docName)
                                        ->first();
                                @endphp

                                <tr>

                                    <td class="ps-4 fw-semibold">
                                        {{ $docName }}
                                    </td>

                                    <td>
                                        @if($doc)

                                            <span
                                                class="badge bg-success-subtle text-success border border-success-subtle px-3 py-2">
                                                {{ ucfirst($doc->status) }}
                                            </span>

                                        @else

                                            <span
                                                class="badge bg-warning-subtle text-warning border border-warning-subtle px-3 py-2">
                                                Pending
                                            </span>

                                        @endif
                                    </td>

                                    <td>

                                        @if($doc && $doc->file_path)

                                            <a href="{{ asset($doc->file_path) }}" target="_blank">
                                                View File
                                            </a>

                                        @else

                                            <span class="text-muted">
                                                No File
                                            </span>

                                        @endif

                                    </td>

                                    <td class="text-center pe-4">

                                        <form action="{{ route('omd.execution.upload.document') }}" method="POST"
                                            enctype="multipart/form-data" class="d-inline">

                                            @csrf

                                            <input type="hidden" name="execution_id" value="{{ $execution->id }}">

                                            <input type="hidden" name="document_type" value="{{ $docName }}">

                                            <label class="btn btn-primary btn-sm px-3 mb-0">
                                                <i class="bi bi-upload me-1"></i>
                                                Upload

                                                <input type="file" name="file" hidden onchange="this.form.submit()">
                                            </label>

                                        </form>

                                    </td>

                                </tr>

                            @endforeach

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

    </div>

@endsection