@extends('master')
@section('content')
    <section class="section dashboard">
        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h3 class="fw-bold fs-5">Work Order Edit</h3>
                </div>
                <div class="card e-collect-form card-min-height  repeater-content">
                    <div class="card-body mt-5">
                    <form class="row g-3 needs-validation" action="{{ isset($workOrderObject) ? route('update_manager', ['id' => $workOrderObject->id]) : route('save_workorder') }}"  method="post" novalidate>
                        @csrf

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="validationCustom01" class="form-label fw-600">Work Order #</label>
                                    <p>{{$workOrderObject->wo_no}}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="validationCustom01" class="form-label fw-600">Service Category</label>
                                    <p>{{$workOrderObject->service_category_text}}</p>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="validationCustom01" class="form-label fw-600">Date Suggested</label>
                                    <p>{{$workOrderObject->wo_date}}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="validationCustom01" class="form-label fw-600">Date Created</label>
                                    <p>{{$workOrderObject->date_created}}</p>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="validationCustom01" class="form-label fw-600">Description</label>
                                    <p>{{$workOrderObject->desc}}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="validationCustom01" class="form-label fw-600">Notes</label>
                                    <p>{{$workOrderObject->comments}}</p>
                                </div>
                            </div>

                            <div class="row mb-3">

                                <div class="col-md-6 mb-3">
                                    <h4 class="fw-bold fs-5">Total WO Status
                                        @if($workOrderObject->status == 100)
                                            <span class="badge pending">Pending</span>
                                        @elseif($workOrderObject->status == 0)
                                            <span class="badge unverified">Disapproved</span>
                                        @elseif($workOrderObject->status == 1000)
                                            <span class="badge verified">Approved</span>
                                        @endif
                                    </h4>

                                    <select class="form-select" name="wo_status" required>
                                        <option value="100" @if($workOrderObject->status == 100) selected @endif>Pending</option>
                                        <option value="0" @if($workOrderObject->status == 0) selected @endif>Disapprove</option>
                                        <option value="1000" @if($workOrderObject->status == 1000) selected @endif>Approve</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-4">
                                <div class="d-flex justify-content-between align-items-center">
                                    <h4 class="fw-bold fs-5">Work Order Details</h4>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12 mb-2">
                                    <div class="table-responsive">
                                        <table id="work_order_details" class="table customer-tbl" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th>Vehicle</th>
                                                    <th>Nature of Work</th>
                                                    <th>Details</th>
                                                    <th>Comments</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            @if($workOrderObject->vehicles->isNotEmpty())
                                            @foreach($workOrderObject->vehicles as $detail)
                                                <tr class="mb-3">
                                                        <input type="hidden" class="form-control form-select custom-input"  value="{{ $detail->id }}" name="wo_details[{{ $detail->id }}][detail_id]">
                                                    <td>
                                                        <p>
                                                            {{$detail->vehicle->make}} {{$detail->vehicle->model}} ({{$detail->vehicle->year}}) - {{$detail->vehicle->reg_no}}
                                                        
                                                            @if($detail->status == 100)
                                                                <span class="badge pending">Pending</span>
                                                            @elseif($detail->status == 0)
                                                                <span class="badge unverified">Disapproved</span>
                                                            @elseif($detail->status == 1000)
                                                                <span class="badge verified">Approved</span>
                                                            @endif
                                                        </p>
                                                    </td>
                                                    <td>
                                                        <span>{{$detail->workNature ? $detail->workNature->service_title : 'N/A'}}</span>
                                                    </td>
                                                    <td>
                                                        <span>{{$detail->description}}</span>
                                                    </td>
                                                    <td>
                                                        <textarea rows="2" class="form-control custom-input" name="wo_details[{{ $detail->id }}][comment]">{{ $detail->suggestions ?? null }}</textarea>
                                                    </td>
                                                    <td>
                                                        <select class="form-select" name="wo_details[{{ $detail->id }}][status]" required>
                                                            <option value="100" @if($detail->status == 100) selected @endif>Pending</option>
                                                            <option value="0" @if($detail->status == 0) selected @endif>Disapprove</option>
                                                            <option value="1000" @if($detail->status == 1000) selected @endif>Approve</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            @else
                                                <tr class="mb-3">
                                                    <td>No vehicles added</td>
                                                </tr>
                                            @endif

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            @if($workOrderObject->status != 1000)
                            <div class="col-12 mt-2">
                                <div class="form-action-button">
                                    <button type="submit" class="btn save-btn">Save</button>
                                </div>
                            </div>
                            @endif
                        </form>
                    </div>
                </div>
            </div>
            
        </div>
    </section>
@endsection


@push('scripts')
<script src="https://unpkg.com/jquery.repeater@1.2.1/jquery.repeater.js"></script>

<script>
    $(document).ready(function () {
    });
</script>
@endpush