@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link" href="{{ route('profile.edit') }}">Profile</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active" href="{{ route('schedule.edit') }}">Schedule</a>
                </li>
            </ul>

            <form action="{{ route('schedule.update') }}" method="POST">
                @method('PUT')
                @csrf
                <div class="card mb-4">
                    <div class="card-header">Schedule</div>
                    <div class="card-body">

                        @if ($errors->count())
                            @foreach ($errors->all() as $error)
                                <div class="alert alert-danger" role="alert">{{ $error }}</div>
                            @endforeach
                        @endif

                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label>Weekdays</label>
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" name="weekdays[]" value="1" id="monday" {{ in_array(1, old('weekdays', $schedule->weekdays)) ? 'checked' : null }}>
                                        <label for="monday" class="form-check-label">Monday</label>
                                    </div>
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" name="weekdays[]" value="2" id="tuesday" {{ in_array(2, old('weekdays', $schedule->weekdays)) ? 'checked' : null }}>
                                        <label for="tuesday" class="form-check-label">Tuesday</label>
                                    </div>
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" name="weekdays[]" value="3" id="wednesday" {{ in_array(3, old('weekdays', $schedule->weekdays)) ? 'checked' : null }}>
                                        <label for="wednesday" class="form-check-label">Wednesday</label>
                                    </div>
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" name="weekdays[]" value="4" id="thursday" {{ in_array(4, old('weekdays', $schedule->weekdays)) ? 'checked' : null }}>
                                        <label for="thursday" class="form-check-label">Thursday</label>
                                    </div>
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" name="weekdays[]" value="5" id="friday" {{ in_array(5, old('weekdays', $schedule->weekdays)) ? 'checked' : null }}>
                                        <label for="friday" class="form-check-label">Friday</label>
                                    </div>
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" name="weekdays[]" value="6" id="saturday" {{ in_array(6, old('weekdays', $schedule->weekdays)) ? 'checked' : null }}>
                                        <label for="saturday" class="form-check-label">Saturday</label>
                                    </div>
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" name="weekdays[]" value="0" id="sunday" {{ in_array(0, old('weekdays', $schedule->weekdays)) ? 'checked' : null }}>
                                        <label for="sunday" class="form-check-label">Sunday</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label>Start time</label>
                                    <input type="text" name="start" value="{{ old('start', $schedule->start) }}" class="form-control" placeholder="09:00:00">
                                </div>
                                <div class="form-group">
                                    <label>End time</label>
                                    <input type="text" name="end" value="{{ old('end', $schedule->end) }}" class="form-control" placeholder="17:00:00">
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">Breaks</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label>Modules before break</label>
                                    <input type="text" name="modules_before_break" value="{{ old('modules_before_break', $schedule->modules_before_break) }}" class="form-control" placeholder="2">
                                </div>
                                <div class="form-group">
                                    <label>Lunch break</label>
                                    <div class="row">
                                        <div class="col">
                                            <input type="text" name="lunch_start" value="{{ old('lunch_start', $schedule->lunch_start) }}" class="form-control" placeholder="12:00:00">
                                        </div>
                                        <div class="col">
                                            <input type="text" name="lunch_end" value="{{ old('lunch_end', $schedule->lunch_end) }}" class="form-control" placeholder="12:30:00">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label>Break time</label>
                                    <select name="break_time" class="form-control">
                                        <option value="15" {{ old('break_time') == 15 ? 'selected' : null }}>15</option>
                                        <option value="30" {{ old('break_time') == 30 ? 'selected' : null }}>30</option>
                                        <option value="45" {{ old('break_time') == 45 ? 'selected' : null }}>45</option>
                                        <option value="60" {{ old('break_time') == 60 ? 'selected' : null }}>60</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection