@extends('layouts.admin')

@section('title', 'Add Schedule')
@section('header_title', 'Weekly Service Schedules')

@section('content')
<div class="card-custom">
    <div class="card-custom-header">
        <h2>Add New Service Schedule</h2>
        <a href="{{ route('admin.schedules.index') }}" class="btn btn-outline-secondary">
            <i class="fa fa-arrow-left mr-2"></i> Back to List
        </a>
    </div>

    <form action="{{ route('admin.schedules.store') }}" method="POST">
        @csrf

        <div class="row">
            <div class="col-md-6 form-group form-group-custom">
                <label for="meetingName">Meeting / Service Name</label>
                <input type="text" id="meetingName" name="meetingName" class="form-control form-control-custom" value="{{ old('meetingName') }}" placeholder="e.g. Sunday Worship Service" required>
            </div>
            
            <div class="col-md-6 form-group form-group-custom">
                <label for="meetingDay">Day of Week</label>
                <select id="meetingDay" name="meetingDay" class="form-control form-control-custom" required>
                    <option value="1" {{ old('meetingDay') == '1' ? 'selected' : '' }}>Sunday</option>
                    <option value="2" {{ old('meetingDay') == '2' ? 'selected' : '' }}>Monday</option>
                    <option value="3" {{ old('meetingDay') == '3' ? 'selected' : '' }}>Tuesday</option>
                    <option value="4" {{ old('meetingDay') == '4' ? 'selected' : '' }}>Wednesday</option>
                    <option value="5" {{ old('meetingDay') == '5' ? 'selected' : '' }}>Thursday</option>
                    <option value="6" {{ old('meetingDay') == '6' ? 'selected' : '' }}>Friday</option>
                    <option value="7" {{ old('meetingDay') == '7' ? 'selected' : '' }}>Saturday</option>
                </select>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-6 form-group form-group-custom">
                <label for="meetingTime">Meeting Time</label>
                <input type="text" id="meetingTime" name="meetingTime" class="form-control form-control-custom" value="{{ old('meetingTime') }}" placeholder="e.g. 09:30 AM to 12:30 PM" required>
            </div>
            
            <div class="col-md-6 form-group form-group-custom">
                <label for="meetingOrder">Display Order</label>
                <input type="number" id="meetingOrder" name="meetingOrder" class="form-control form-control-custom" value="{{ old('meetingOrder', 0) }}" required>
            </div>
        </div>

        <div class="mt-4 pt-3 border-top text-right">
            <button type="submit" class="btn btn-custom-primary">
                <i class="fa fa-save mr-2"></i> Save Schedule
            </button>
        </div>
    </form>
</div>
@endsection