@extends('layouts.app')

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

    <div class="card">
        <div class="card-body">
            <form action="{{ route('checklists.store') }}" method="POST">
                @csrf

                <div class="row">
                    <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') == $mosque->id ? 'selected' : '' }}>
                                    {{ $mosque->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('mosque_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Date</label>
                        <input type="date" name="date" value="{{ old('date') }}"
                               class="form-control @error('date') is-invalid @enderror">
                        @error('date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <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') == $cleaner->id ? 'selected' : '' }}>
                                    {{ $cleaner->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('cleaner_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <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
                                $statuses = ['NOT_STARTED','IN_PROGRESS','SUBMITTED','PENDING_VERIFICATION','VERIFIED','REWORK_REQUIRED'];
                            @endphp
                            @foreach($statuses as $st)
                                <option value="{{ $st }}" {{ old('status','NOT_STARTED') == $st ? 'selected' : '' }}>
                                    {{ $st }}
                                </option>
                            @endforeach
                        </select>
                        @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Shift Started At</label>
                        <input type="datetime-local" name="shift_started_at" value="{{ old('shift_started_at') }}"
                               class="form-control @error('shift_started_at') is-invalid @enderror">
                        @error('shift_started_at') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Shift Ended At</label>
                        <input type="datetime-local" name="shift_ended_at" value="{{ old('shift_ended_at') }}"
                               class="form-control @error('shift_ended_at') is-invalid @enderror">
                        @error('shift_ended_at') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>

                <button class="btn btn-success">Save</button>
                <a href="{{ route('checklists.index') }}" class="btn btn-secondary">Back</a>
            </form>
        </div>
    </div>
</div>
@endsection