@extends('layouts.app')

@section('page-title', 'Add Membership Plan')

@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header border-0 pb-0">
                <h4 class="card-title mb-0">Add New Membership Plan</h4>
            </div>
            <div class="card-body">
                <form action="{{ route('membership-plans.store') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Gym</label>
                            <input type="text" class="form-control" value="{{ auth()->user()->gym?->name ?? 'N/A' }}" readonly>
                            <input type="hidden" name="gym_id" value="{{ auth()->user()->gym_id }}">
                            <small class="text-muted">Gym is automatically set to your gym</small>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label required">Plan Name</label>
                            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="e.g., Monthly Plan" value="{{ old('name') }}" required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-12 mb-3">
                            <label class="form-label">Description</label>
                            <textarea name="description" class="form-control @error('description') is-invalid @enderror" rows="3" placeholder="Enter plan description">{{ old('description') }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label required">Price</label>
                            <input type="number" name="price" class="form-control @error('price') is-invalid @enderror" placeholder="Enter Price" value="{{ old('price') }}" step="0.01" min="0" required>
                            @error('price')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label required">Duration Type</label>
                            <select name="duration_type" class="selectpicker form-select @error('duration_type') is-invalid @enderror" required>
                                <option value="days" {{ old('duration_type') == 'days' ? 'selected' : '' }}>Days</option>
                                <option value="weeks" {{ old('duration_type') == 'weeks' ? 'selected' : '' }}>Weeks</option>
                                <option value="months" {{ old('duration_type', 'months') == 'months' ? 'selected' : '' }}>Months</option>
                                <option value="years" {{ old('duration_type') == 'years' ? 'selected' : '' }}>Years</option>
                            </select>
                            @error('duration_type')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label required">Duration Value</label>
                            <input type="number" name="duration_value" class="form-control @error('duration_value') is-invalid @enderror" placeholder="e.g., 1" value="{{ old('duration_value', 1) }}" min="1" required>
                            @error('duration_value')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-12 mb-3">
                            <label class="form-label">Allowed Facilities</label>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="allowed_facilities[]" value="gym" id="facility_gym" {{ in_array('gym', old('allowed_facilities', [])) ? 'checked' : '' }}>
                                <label class="form-check-label" for="facility_gym">Gym</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="allowed_facilities[]" value="cardio" id="facility_cardio" {{ in_array('cardio', old('allowed_facilities', [])) ? 'checked' : '' }}>
                                <label class="form-check-label" for="facility_cardio">Cardio</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="allowed_facilities[]" value="sauna" id="facility_sauna" {{ in_array('sauna', old('allowed_facilities', [])) ? 'checked' : '' }}>
                                <label class="form-check-label" for="facility_sauna">Sauna</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="allowed_facilities[]" value="classes" id="facility_classes" {{ in_array('classes', old('allowed_facilities', [])) ? 'checked' : '' }}>
                                <label class="form-check-label" for="facility_classes">Classes</label>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="freeze_allowed" value="1" id="freeze_allowed" {{ old('freeze_allowed') ? 'checked' : '' }}>
                                <label class="form-check-label" for="freeze_allowed">Freeze Allowed</label>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Freeze Days Limit</label>
                            <input type="number" name="freeze_days_limit" class="form-control @error('freeze_days_limit') is-invalid @enderror" placeholder="Enter freeze days limit" value="{{ old('freeze_days_limit') }}" min="0">
                            @error('freeze_days_limit')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="is_trial" value="1" id="is_trial" {{ old('is_trial') ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_trial">Trial Membership</label>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Status</label>
                            <select name="is_active" class="selectpicker form-select @error('is_active') is-invalid @enderror">
                                <option value="1" {{ old('is_active', 1) == 1 ? 'selected' : '' }}>Active</option>
                                <option value="0" {{ old('is_active') == 0 ? 'selected' : '' }}>Inactive</option>
                            </select>
                            @error('is_active')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="card-footer justify-content-end">
                        <a href="{{ route('membership-plans.index') }}" class="btn btn-danger light">Cancel</a>
                        <button type="submit" class="btn btn-primary">Create Plan</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js') }}"></script>
@endpush