{{-- resources/views/pricing/rates.blade.php --}}
@extends('layouts.app')
@section('title', 'Base Rates')
@section('page_title', 'Base Rates')
@section('page_subtitle', 'Nightly rates per room category and plan')

@section('content')

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

@if($ratePlans->isEmpty())
    <div class="card">
        <div class="card-body text-center py-5">
            <i class="bi bi-tag"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No rate plans yet</p>
            <p class="text-muted" style="font-size:.82rem;">
                Create rate plans first before setting rates
            </p>
            <a href="{{ tenant_route('pricing.rate-plans.index') }}"
               class="btn btn-primary btn-sm mt-2">
                Create Rate Plans →
            </a>
        </div>
    </div>
@elseif($categories->isEmpty())
    <div class="card">
        <div class="card-body text-center py-5">
            <i class="bi bi-door-open"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No room categories yet</p>
            <a href="{{ tenant_route('rooms.categories.create') }}"
               class="btn btn-primary btn-sm mt-2">
                Create Room Categories →
            </a>
        </div>
    </div>
@else

    {{-- Filters --}}
    <div class="card mb-3">
        <div class="card-body" style="padding:10px 16px;">
            <form method="GET"
                  class="d-flex align-items-center gap-2 flex-wrap">
                <select name="rate_plan"
                        class="form-select form-select-sm"
                        style="width:auto;"
                        onchange="this.form.submit()">
                    <option value="">All Rate Plans</option>
                    @foreach($ratePlans as $plan)
                        <option value="{{ $plan->id }}"
                                {{ request('rate_plan') == $plan->id ? 'selected' : '' }}>
                            {{ $plan->name }} ({{ $plan->code }})
                        </option>
                    @endforeach
                </select>
                <select name="category"
                        class="form-select form-select-sm"
                        style="width:auto;"
                        onchange="this.form.submit()">
                    <option value="">All Categories</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->id }}"
                                {{ request('category') == $cat->id ? 'selected' : '' }}>
                            {{ $cat->name }}
                        </option>
                    @endforeach
                </select>
                @if(request()->hasAny(['rate_plan','category']))
                    <a href="{{ tenant_route('pricing.rates.index') }}"
                       class="btn btn-sm btn-outline-secondary">
                        Clear
                    </a>
                @endif
            </form>
        </div>
    </div>

    {{-- Rate Matrix --}}
    @foreach($matrix as $catId => $catData)
        @if(request('category') && request('category') != $catId) @continue @endif

        @php $cat = $catData['category']; @endphp

        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-door-open me-2"
                       style="color:var(--clay)"></i>
                    {{ $cat->name }}
                    @if($cat->bed_type)
                        <span style="font-size:.72rem;font-weight:400;
                                     color:var(--muted);margin-left:6px;">
                            {{ $cat->bed_type }}
                        </span>
                    @endif
                </span>
                <span style="font-size:.75rem;color:var(--muted);">
                    Max {{ $cat->max_occupancy }} guests
                </span>
            </div>

            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Rate Plan</th>
                            <th>Single</th>
                            <th>Double</th>
                            <th>Triple</th>
                            <th>Extra Adult</th>
                            <th>Child</th>
                            <th>Currency</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($catData['plans'] as $planId => $planData)
                            @if(request('rate_plan') && request('rate_plan') != $planId) @continue @endif

                            @php
                                $plan = $planData['plan'];
                                $rate = $planData['rate'];
                            @endphp

                            <tr id="row-{{ $cat->id }}-{{ $plan->id }}">
                                <td>
                                    <div class="fw-semibold"
                                         style="font-size:.83rem;">
                                        {{ $plan->name }}
                                    </div>
                                    <span style="font-size:.68rem;
                                                 background:var(--clay-light);
                                                 color:var(--clay);
                                                 padding:1px 5px;
                                                 border-radius:3px;">
                                        {{ $plan->code }}
                                    </span>
                                </td>

                                @if($rate)
                                    {{-- Existing rate — show inline edit --}}
                                    <form method="POST"
                                          action="{{ tenant_route('pricing.rates.update', ['rate' => $rate->id]) }}"
                                          id="rateForm-{{ $rate->id }}"
                                          style="display:contents;">
                                        @csrf @method('PUT')
                                        <td>
                                            <input type="number"
                                                   name="single_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;"
                                                   value="{{ $rate->single_rate }}"
                                                   min="0" step="0.01"
                                                   placeholder="—">
                                        </td>
                                        <td>
                                            <input type="number"
                                                   name="double_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;"
                                                   value="{{ $rate->double_rate }}"
                                                   min="0" step="0.01" required>
                                        </td>
                                        <td>
                                            <input type="number"
                                                   name="triple_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;"
                                                   value="{{ $rate->triple_rate }}"
                                                   min="0" step="0.01"
                                                   placeholder="—">
                                        </td>
                                        <td>
                                            <input type="number"
                                                   name="extra_adult_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;"
                                                   value="{{ $rate->extra_adult_rate }}"
                                                   min="0" step="0.01"
                                                   placeholder="—">
                                        </td>
                                        <td>
                                            <input type="number"
                                                   name="child_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;"
                                                   value="{{ $rate->child_rate }}"
                                                   min="0" step="0.01"
                                                   placeholder="—">
                                        </td>
                                        <td>
                                            <select name="currency"
                                                    class="form-select form-select-sm"
                                                    style="width:80px;">
                                                @foreach(config('kubhuka.general.supported_currencies', []) as $code => $info)
                                                    <option value="{{ $code }}"
                                                            {{ $rate->currency === $code ? 'selected' : '' }}>
                                                        {{ $code }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            <div class="d-flex gap-1">
                                                <button type="submit"
                                                        class="btn btn-xs btn-primary">
                                                    Save
                                                </button>
                                                <form method="POST"
                                                      action="{{ tenant_route('pricing.rates.destroy', ['rate' => $rate->id]) }}"
                                                      onsubmit="return confirm('Remove this rate?')">
                                                    @csrf @method('DELETE')
                                                    <button class="btn btn-xs btn-outline-danger"
                                                            type="submit">
                                                        <i class="bi bi-trash"></i>
                                                    </button>
                                                </form>
                                            </div>
                                        </td>
                                    </form>
                                @else
                                    {{-- No rate set --}}
                                    <form method="POST"
                                          action="{{ tenant_route('pricing.rates.store') }}"
                                          style="display:contents;">
                                        @csrf
                                        <input type="hidden" name="rate_plan_id"
                                               value="{{ $plan->id }}">
                                        <input type="hidden" name="room_category_id"
                                               value="{{ $cat->id }}">
                                        <td>
                                            <input type="number"
                                                   name="single_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;border-style:dashed;"
                                                   min="0" step="0.01"
                                                   placeholder="—">
                                        </td>
                                        <td>
                                            <input type="number"
                                                   name="double_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;border-style:dashed;"
                                                   min="0" step="0.01"
                                                   placeholder="0.00" required>
                                        </td>
                                        <td>
                                            <input type="number"
                                                   name="triple_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;border-style:dashed;"
                                                   min="0" step="0.01"
                                                   placeholder="—">
                                        </td>
                                        <td>
                                            <input type="number"
                                                   name="extra_adult_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;border-style:dashed;"
                                                   min="0" step="0.01"
                                                   placeholder="—">
                                        </td>
                                        <td>
                                            <input type="number"
                                                   name="child_rate"
                                                   class="form-control form-control-sm"
                                                   style="width:90px;border-style:dashed;"
                                                   min="0" step="0.01"
                                                   placeholder="—">
                                        </td>
                                        <td>
                                            <select name="currency"
                                                    class="form-select form-select-sm"
                                                    style="width:80px;">
                                                @foreach(config('kubhuka.general.supported_currencies', []) as $code => $info)
                                                    <option value="{{ $code }}"
                                                            {{ (tenant()->baseCurrency?->code ?? 'USD') === $code ? 'selected' : '' }}>
                                                        {{ $code }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            <button type="submit"
                                                    class="btn btn-xs btn-outline-secondary">
                                                <i class="bi bi-plus-lg me-1"></i>Set
                                            </button>
                                        </td>
                                    </form>
                                @endif
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endforeach

@endif

@endsection