@extends('layouts.app')

@section('content')
<div class="container">
    <h4>Update Checklist</h4>

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

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('checklists.update', $checklist->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row">

                    {{-- Mosque --}}
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Mosque</label>
                        <select name="mosque_id" class="form-control @error('mosque_id') is-invalid @enderror">
                            <option value="">Select Mosque</option>
                            @foreach($mosques as $mosque)
                                <option value="{{ $mosque->id }}"
                                    {{ old('mosque_id', $checklist->mosque_id) == $mosque->id ? 'selected' : '' }}>
                                    {{ $mosque->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('mosque_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- Date --}}
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Date</label>
                        <input type="date"
                               name="date"
                               class="form-control @error('date') is-invalid @enderror"
                               value="{{ old('date', \Carbon\Carbon::parse($checklist->date)->format('Y-m-d')) }}">
                        @error('date')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- Cleaner --}}
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Cleaner</label>
                        <select name="cleaner_id" class="form-control @error('cleaner_id') is-invalid @enderror">
                            <option value="">Select Cleaner</option>
                            @foreach($cleaners as $cleaner)
                                <option value="{{ $cleaner->id }}"
                                    {{ old('cleaner_id', $checklist->cleaner_id) == $cleaner->id ? 'selected' : '' }}>
                                    {{ $cleaner->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('cleaner_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- Status --}}
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Status</label>
                        <select name="status" class="form-control @error('status') is-invalid @enderror">
                            @php
                                // If controller sends associative array => use key
                                // If controller sends simple array => use same value
                            @endphp

                            @foreach($statuses as $key => $label)
                                @php
                                    $value = is_string($key) ? $key : $label;
                                    $text  = is_string($key) ? $label : $label;
                                @endphp
                                <option value="{{ $value }}"
                                    {{ old('status', $checklist->status) == $value ? 'selected' : '' }}>
                                    {{ $text }}
                                </option>
                            @endforeach
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- Shift Started --}}
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Shift Started At</label>
                        <input type="datetime-local"
                               name="shift_started_at"
                               class="form-control @error('shift_started_at') is-invalid @enderror"
                               value="{{ old('shift_started_at', $checklist->shift_started_at ? \Carbon\Carbon::parse($checklist->shift_started_at)->format('Y-m-d\TH:i') : '') }}">
                        @error('shift_started_at')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- Shift Ended --}}
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Shift Ended At</label>
                        <input type="datetime-local"
                               name="shift_ended_at"
                               class="form-control @error('shift_ended_at') is-invalid @enderror"
                               value="{{ old('shift_ended_at', $checklist->shift_ended_at ? \Carbon\Carbon::parse($checklist->shift_ended_at)->format('Y-m-d\TH:i') : '') }}">
                        @error('shift_ended_at')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                </div>

                <button type="submit" class="btn btn-success">Update</button>
                <a href="{{ route('checklists.index') }}" class="btn btn-secondary">Back</a>
            </form>

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