{{-- resources/views/pricing/seasonal.blade.php --}}
@extends('layouts.app')
@section('title', 'Seasonal Rates')
@section('page_title', 'Seasonal Rates')
@section('page_subtitle', 'Override rates during specific seasons')

@section('content')

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('pricing.index') }}"
       class="btn btn-sm btn-outline-secondary">← Pricing</a>
</div>

@if($seasons->isEmpty())
    <div class="card">
        <div class="card-body text-center py-5">
            <i class="bi bi-calendar-range"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No seasons defined yet</p>
            <p class="text-muted" style="font-size:.82rem;">
                Create seasons in Settings first before adding seasonal rates
            </p>
            <a href="{{ tenant_route('settings.seasons') }}"
               class="btn btn-primary btn-sm mt-2">
                Create Seasons →
            </a>
        </div>
    </div>
@else

<div class="row g-3">

    {{-- Seasonal rates list --}}
    <div class="col-xl-8">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-calendar-range me-2"
                       style="color:var(--clay)"></i>
                    Seasonal Rate Adjustments
                    <span style="font-size:.75rem;font-weight:400;
                                 color:var(--muted);margin-left:6px;">
                        {{ $seasonalRates->count() }} total
                    </span>
                </span>
            </div>

            @if($seasonalRates->isEmpty())
                <div class="card-body text-center py-4">
                    <p class="text-muted mb-0" style="font-size:.8rem;">
                        No seasonal rates yet — add one using the form
                    </p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Season</th>
                                <th>Applies To</th>
                                <th>Adjustment</th>
                                <th>Override Rates</th>
                                <th>Notes</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($seasonalRates as $sr)
                                @php
                                    $typeColors = [
                                        'low'      => '#dbeafe',
                                        'shoulder' => '#fef3c7',
                                        'high'     => '#d1fae5',
                                        'peak'     => '#fee2e2',
                                    ];
                                    $typeBg = $typeColors[$sr->season?->type ?? 'low'] ?? '#f1f5f9';
                                @endphp
                                <tr>
                                    <td>
                                        <div class="fw-semibold"
                                             style="font-size:.83rem;">
                                            {{ $sr->season?->name }}
                                        </div>
                                        <div style="font-size:.7rem;color:var(--muted);">
                                            {{ $sr->season?->start_date->format('d M') }}
                                            –
                                            {{ $sr->season?->end_date->format('d M Y') }}
                                        </div>
                                    </td>
                                    <td style="font-size:.78rem;">
                                        @if($sr->roomCategory)
                                            {{ $sr->roomCategory->name }}
                                        @else
                                            <span style="color:var(--muted);">
                                                All categories
                                            </span>
                                        @endif
                                        @if($sr->ratePlan)
                                            <br>
                                            <span style="font-size:.68rem;
                                                         color:var(--muted);">
                                                {{ $sr->ratePlan->code }} plan
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($sr->adjustment_type === 'percentage')
                                            <span style="font-weight:700;
                                                         color:{{ $sr->adjustment_value >= 0 ? 'var(--success)' : 'var(--danger)' }};">
                                                {{ $sr->adjustment_value >= 0 ? '+' : '' }}{{ $sr->adjustment_value }}%
                                            </span>
                                        @elseif($sr->adjustment_type === 'fixed')
                                            <span style="font-weight:700;
                                                         color:{{ $sr->adjustment_value >= 0 ? 'var(--success)' : 'var(--danger)' }};">
                                                {{ $sr->adjustment_value >= 0 ? '+' : '' }}${{ number_format(abs($sr->adjustment_value), 2) }}
                                            </span>
                                        @else
                                            <span style="font-weight:700;color:var(--clay);">
                                                {{ $sr->adjustment_value }}× multiplier
                                            </span>
                                        @endif
                                    </td>
                                    <td style="font-size:.78rem;">
                                        @if($sr->override_base && ($sr->double_rate || $sr->single_rate))
                                            <div>
                                                @if($sr->single_rate)
                                                    Single: ${{ number_format($sr->single_rate, 0) }}
                                                @endif
                                                @if($sr->double_rate)
                                                    <br>Double: ${{ number_format($sr->double_rate, 0) }}
                                                @endif
                                            </div>
                                        @else
                                            <span style="color:var(--muted);">—</span>
                                        @endif
                                    </td>
                                    <td style="font-size:.75rem;color:var(--muted);
                                               max-width:120px;overflow:hidden;
                                               text-overflow:ellipsis;
                                               white-space:nowrap;">
                                        {{ $sr->notes ?? '—' }}
                                    </td>
                                    <td>
                                        <form method="POST"
                                              action="{{ tenant_route('pricing.seasonal.destroy', ['rate' => $sr->id]) }}"
                                              onsubmit="return confirm('Delete this seasonal rate?')">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-xs btn-outline-danger"
                                                    type="submit">
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

    {{-- Add Seasonal Rate --}}
    <div class="col-xl-4">
        <div class="card">
            <div class="card-header">
                <span class="card-title">Add Seasonal Rate</span>
            </div>
            <div class="card-body">
                <form method="POST"
                      action="{{ tenant_route('pricing.seasonal.store') }}">
                    @csrf

                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Season <span class="text-danger">*</span>
                        </label>
                        <select name="season_id"
                                class="form-select @error('season_id') is-invalid @enderror"
                                required>
                            <option value="">Select season</option>
                            @foreach($seasons as $season)
                                <option value="{{ $season->id }}"
                                        {{ old('season_id') == $season->id ? 'selected' : '' }}>
                                    {{ $season->name }}
                                    ({{ $season->start_date->format('d M') }}
                                    – {{ $season->end_date->format('d M Y') }})
                                </option>
                            @endforeach
                        </select>
                        @error('season_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Apply To (optional)
                        </label>
                        <select name="rate_plan_id" class="form-select mb-2">
                            <option value="">All rate plans</option>
                            @foreach($ratePlans as $plan)
                                <option value="{{ $plan->id }}"
                                        {{ old('rate_plan_id') == $plan->id ? 'selected' : '' }}>
                                    {{ $plan->name }} ({{ $plan->code }})
                                </option>
                            @endforeach
                        </select>
                        <select name="room_category_id" class="form-select">
                            <option value="">All room categories</option>
                            @foreach($categories as $cat)
                                <option value="{{ $cat->id }}"
                                        {{ old('room_category_id') == $cat->id ? 'selected' : '' }}>
                                    {{ $cat->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Adjustment Type
                            <span class="text-danger">*</span>
                        </label>
                        <select name="adjustment_type"
                                class="form-select"
                                id="adjType"
                                onchange="toggleOverride()"
                                required>
                            <option value="percentage">Percentage (e.g. +20%)</option>
                            <option value="fixed">Fixed Amount (e.g. +$25)</option>
                            <option value="multiplier">Multiplier (e.g. 1.5×)</option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Adjustment Value
                            <span class="text-danger">*</span>
                        </label>
                        <input type="number" name="adjustment_value"
                               class="form-control @error('adjustment_value') is-invalid @enderror"
                               value="{{ old('adjustment_value', 20) }}"
                               step="0.01" required>
                        <div style="font-size:.68rem;color:var(--muted);margin-top:3px;">
                            Use positive for markup, negative for discount
                        </div>
                        @error('adjustment_value')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- Override specific rates --}}
                    <div class="mb-3">
                        <div class="form-check form-switch mb-2">
                            <input type="checkbox" name="override_base"
                                   value="1" id="overrideBase"
                                   class="form-check-input"
                                   onchange="document.getElementById('overrideRates').style.display = this.checked ? 'block' : 'none'">
                            <label class="form-check-label"
                                   for="overrideBase"
                                   style="font-size:.8rem;">
                                Set specific rates instead of adjusting
                            </label>
                        </div>
                        <div id="overrideRates" style="display:none;">
                            <div class="row g-2">
                                <div class="col-6">
                                    <label style="font-size:.72rem;color:var(--muted);">
                                        Single Rate
                                    </label>
                                    <input type="number" name="single_rate"
                                           class="form-control form-control-sm"
                                           min="0" step="0.01"
                                           placeholder="e.g. 80">
                                </div>
                                <div class="col-6">
                                    <label style="font-size:.72rem;color:var(--muted);">
                                        Double Rate
                                    </label>
                                    <input type="number" name="double_rate"
                                           class="form-control form-control-sm"
                                           min="0" step="0.01"
                                           placeholder="e.g. 100">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Notes</label>
                        <input type="text" name="notes"
                               class="form-control form-control-sm"
                               value="{{ old('notes') }}"
                               placeholder="Optional notes">
                    </div>

                    <button type="submit"
                            class="btn btn-primary btn-sm w-100">
                        Add Seasonal Rate
                    </button>
                </form>
            </div>
        </div>
    </div>

</div>

@endif

@endsection