@extends('back_office.layouts.app')

@section('content')
    <div>
        <div class="container-fluid">
            <div class="p-4 bg-white row">
                <h5>Create Wash Days</h5>
                <form class="form-horizontal" action="{{ route('wash-days.update') }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Date</label>
                                <input type="date" name="from_date" id="from_date" value="{{ $washDay->day }}"
                                    class="form-control  @error('from_date') is-invalid @enderror" readonly/>
                                @error('from_date')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Services</label>
                                <select name="services" id="services"
                                    class="form-control  @error('services') is-invalid @enderror">
                                    <option value="{{ $washDay->washDayDetails->service_type }}">
                                        {{ $washDay->washDayDetails->service->name }}</option>
                                </select>
                                @error('services')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                                <input type="hidden" value="{{ $washDay->id }}" name="washday_id"
                                        class="form-control" />
                            </div>
                        </div>

                        <div id="slots-container" class="row">
                            <div class="col-md-6">
                                <div class="form-group"><label>Slot</label>
                                    <input type="hidden" value="{{ $washDay->washDayDetails->slot_id }}" name="slot_id"
                                        class="form-control" />
                                    <input type="text" value="{{ $washDay->washDayDetails->slot->slot }}" name="slots"
                                        class="form-control" readonly />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Number Of Tasks</label>
                                    <input type="text" placeholder="Number Of Tasks"
                                        value="{{ old('number_of_tasks', $washDay->washDayDetails->number_of_tasks) }}" name="number_of_tasks"
                                        class="form-control" />
                                        @error('number_of_tasks')
                                            <p class="error-validation">{{ $message }}</p>
                                        @enderror
                                </div>
                            </div>
                        </div>

                        {{--  <div class="col-md-6">
                            <div class="form-group">
                                <label>Slots</label>
                                <select name="slots" id="slots" class="form-control  @error('slots') is-invalid @enderror">
                                    @foreach ($slots as $slot)
                                        <option value="{{ $slot->id }}">{{ $slot->slot }}</option>
                                    @endforeach
                                </select>
                                @error('slots')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div> --}}

                        {{-- <div class="col-md-12">
                            <div class="form-group">
                                <label>Number Of Tasks</label>
                                <input type="number" placeholder="Number Of Tasks" name="number_of_tasks" id="number_of_tasks" class="form-control  @error('number_of_tasks') is-invalid @enderror" />
                                @error('number_of_tasks')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div> --}}

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

                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="col-lg-12 text-right">
                                    <button type="submit" class="btn btn-info">Update Wash Days</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script>
        $(document).ready(function() {
            $('#from_date').change(function() {
                var fromDate = $(this).val();
                $('#to_date').attr('min', fromDate);
            });

        });
    </script>
@endpush