@extends('back_office.layouts.app')

@section('content')
    <style>
        input[type="color"] {
            -webkit-appearance: none;
            border: none;
            width: 90px;
            height: 32px;
        }

        input[type="color"]::-webkit-color-swatch-wrapper {
            padding: 0;
        }

        input[type="color"]::-webkit-color-swatch {
            border: none;
        }
    </style>
    <div>
        <div class="container-fluid">
            <div class="p-4 bg-white row">
                <h5>View Wash Tasks</h5>
                <form class="form-horizontal">
                    @csrf
                    <div class="row">

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>User</label>
                                <select class="form-control" name="user_id" id="user_id" disabled>
                                    @foreach ($users as $key => $user)
                                        <option value="{{ $user->id }}"
                                            {{ $user->id == $washTask->user_id ? 'selected' : '' }}>{{ $user->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Car</label>
                                <select name="car_id" id="car_id"
                                    class="form-control @error('car_id') is-invalid @enderror" disabled>
                                    @foreach ($cars as $car)
                                        <option value="{{ $car->id }}"
                                            {{ $car->id == $washTask->car_id ? 'selected' : '' }}>
                                            {{ $car->type->name . ' - ' . $car->plate_number }}</option>
                                    @endforeach
                                </select>
                                @error('car_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Subscription</label>
                                <select class="form-control @error('subscription_id') is-invalid @enderror"
                                    name="subscription_id" id="subscription_id" disabled>
                                    @foreach ($subscriptions as $subscription)
                                        <option value="{{ $subscription->id }}"
                                            {{ $subscription->id == $washTask->subscription_id ? 'selected' : '' }}>
                                            {{ $subscription->allPackage->name_en }}</option>
                                    @endforeach
                                </select>
                                @error('subscription_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Service</label>
                                <select class="form-control @error('service_id') is-invalid @enderror" name="service_id"
                                    id="service_id" disabled>
                                    @foreach ($services as $key => $service)
                                        <option value="{{ $service->id }}"
                                            {{ $service->id == $washTask->service_id ? 'selected' : '' }}>
                                            {{ $service->name }}</option>
                                    @endforeach
                                </select>
                                @error('service_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Area</label>
                                <input type="text" placeholder="Area" name="area" id="area"
                                    value="{{ $washTask->area }}" class="form-control @error('area') is-invalid @enderror"
                                    readonly />
                                @error('area')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>date</label>
                                <input type="date" name="date" id="date" value="{{ $washTask->date }}"
                                    class="form-control @error('date') is-invalid @enderror" disabled />
                                @error('date')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Slot</label>
                                <select class="form-control" name="slot" id="slot" disabled>
                                    @foreach ($slots as $slot)
                                        <option value="{{ $slot }}"
                                            {{ $slot == $washTask->slot ? 'selected' : '' }}>{{ $slot }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Notes</label>
                                <input type="text" placeholder="Notes" name="notes" id="notes"
                                    value="{{ $washTask->notes }}"
                                    class="form-control @error('notes') is-invalid @enderror" disabled />
                                @error('notes')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Custom Notes</label>
                                <input type="text" placeholder="Custom Notes" name="custom_notes"
                                    value="{{ $washTask->custom_notes }}" id="custom_notes"
                                    class="form-control @error('custom_notes') is-invalid @enderror" disabled />
                                @error('custom_notes')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Rate</label>
                                <input type="number" placeholder="Rate" name="rate" id="rate"
                                    value="{{ $washTask->rate }}" class="form-control @error('rate') is-invalid @enderror"
                                    disabled />
                                @error('rate')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Review</label>
                                <input type="text" placeholder="Weekly Wash No" name="review"
                                    value="{{ $washTask->review }}" id="review"
                                    class="form-control @error('review') is-invalid @enderror" disabled />
                                @error('review')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Team</label>
                                <select class="form-control" name="team_id" id="team_id" disabled>
                                    @foreach ($teams as $key => $team)
                                        <option value="{{ $team->id }}"
                                            {{ $team->id == $washTask->team_id ? 'selected' : '' }}>{{ $team->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Assignment Date</label>
                                <input type="date" placeholder="Assignment Date"
                                    value="{{ $washTask->assignment_date }}" name="assignment_date" id="assignment_date"
                                    class="form-control @error('assignment_date') is-invalid @enderror" disabled />
                                @error('assignment_date')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Cancellation Reason</label>
                                <input type="text" placeholder="Cancellation Reason"
                                    value="{{ $washTask->cancellation_reason }}" name="cancellation_reason"
                                    id="cancellation_reason"
                                    class="form-control @error('cancellation_reason') is-invalid @enderror" disabled />
                                @error('cancellation_reason')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Customer Note</label>
                                <input type="text" placeholder="Customer Note" name="customer_note"
                                    value="{{ $washTask->customer_note }}" id="customer_note"
                                    class="form-control @error('customer_note') is-invalid @enderror" disabled />
                                @error('customer_note')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Team Notes</label>
                                <input type="text" placeholder="Team Notes" name="team_notes" id="team_notes"
                                    value="{{ $washTask->team_notes }}"
                                    class="form-control @error('team_notes') is-invalid @enderror" disabled />
                                @error('team_notes')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        {{-- <div class="col-md-6">
                        <div class="form-group">
                            <label>status</label>
                            <div class="form-check form-switch h6" style="float: right">
                                <input type="checkbox" onchange="updateTypeActivation(this, {{ $washTask->id }})" class="form-check-input" name="status" id="status" >
                                <label class="form-check-label" for="status"></label>
                            </div>
                        </div>
                    </div> --}}

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Status</label>
                                <select class="form-control @error('status') is-invalid @enderror" name="status"
                                    id="status" disabled>
                                    <option value="sheduled" {{ $washTask->status == 'sheduled' ? 'selected' : '' }}>
                                        Sheduled</option>
                                    <option value="deleted" {{ $washTask->status == 'deleted' ? 'selected' : '' }}>
                                        Deleted</option>
                                    <option value="canceled" {{ $washTask->status == 'canceled' ? 'selected' : '' }}>
                                        Canceled</option>
                                    <option value="started" {{ $washTask->status == 'started' ? 'selected' : '' }}>
                                        Started</option>
                                    <option value="ended" {{ $washTask->status == 'ended' ? 'selected' : '' }}>Ended
                                    </option>
                                </select>
                                @error('status')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Client Images</label>
                                <div class="row">
                                    @if ($washTask->washTaskDetails && count($washTask->washTaskDetails) > 0)
                                        @foreach ($washTask->washTaskDetails as $value)
                                            <div class="col-md-6 w-25">
                                                <div class="image-upload">
                                                    @if ($value->client_images)
                                                        <label for="image">
                                                            <a href="{{ $value->client_images }}" target="_blank">
                                                                <img id="output" src="{{ $value->client_images }}"
                                                                    width="80px" height="80px" />
                                                            </a>
                                                        </label>
                                                    @else
                                                        <label for="image">
                                                            <img id="output"
                                                                src="https://icons.iconarchive.com/icons/dtafalonso/android-lollipop/128/Downloads-icon.png"
                                                                width="80px" height="80px" />
                                                        </label>
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="image-upload"><label for="no-image-found">No image found</label></div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Team Images</label>
                                <div class="row">
                                    @if ($washTask->washTaskDetails && count($washTask->washTaskDetails) > 0)
                                        @foreach ($washTask->washTaskDetails as $value)
                                            <div class="col-md-6 w-25">
                                                <div class="image-upload">
                                                    @if ($value->team_images)
                                                        <label for="image">
                                                            <a href="{{ $value->team_images }}" target="_blank">
                                                                <img id="output" src="{{ $value->team_images }}"
                                                                    width="80px" height="80px" />
                                                            </a>
                                                        </label>
                                                    @else
                                                        <label for="image">
                                                            <img id="output"
                                                                src="https://icons.iconarchive.com/icons/dtafalonso/android-lollipop/128/Downloads-icon.png"
                                                                width="80px" height="80px" />
                                                        </label>
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="image-upload"><label for="no-image-found">No image found</label></div>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="col-lg-12 text-right">
                                    <a href="{{ route('wash-tasks.list') }}" class="btn btn-info">Back</a>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div>
@endsection