@extends('layouts.admin')

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

@section('content')
<div class="card-custom">
    <div class="card-custom-header">
        <h2>Edit 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.update', $schedule->meetingId) }}" method="POST">
        @csrf
        @method('PUT')

        <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', $schedule->meetingName) }}" 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', $schedule->meetingDay) == '1' ? 'selected' : '' }}>Sunday</option>
                    <option value="2" {{ old('meetingDay', $schedule->meetingDay) == '2' ? 'selected' : '' }}>Monday</option>
                    <option value="3" {{ old('meetingDay', $schedule->meetingDay) == '3' ? 'selected' : '' }}>Tuesday</option>
                    <option value="4" {{ old('meetingDay', $schedule->meetingDay) == '4' ? 'selected' : '' }}>Wednesday</option>
                    <option value="5" {{ old('meetingDay', $schedule->meetingDay) == '5' ? 'selected' : '' }}>Thursday</option>
                    <option value="6" {{ old('meetingDay', $schedule->meetingDay) == '6' ? 'selected' : '' }}>Friday</option>
                    <option value="7" {{ old('meetingDay', $schedule->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', $schedule->meetingTime) }}" 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', $schedule->meetingOrder) }}" 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> Update Schedule
            </button>
        </div>
    </form>
</div>
@endsection