@extends('layouts.admin')
@section('title', isset($tariff) ? 'Editar Regra Tarifária' : 'Nova Regra Tarifária')
@section('breadcrumb')
    <a class="breadcrumb-item" href="{{ route('admin.tariffs.index') }}">Tarifas</a>
    <span class="breadcrumb-separator">/</span>
    <span class="breadcrumb-current">{{ isset($tariff) ? 'Editar' : 'Nova Regra' }}</span>
@endsection
@push('styles')
<style>
.form-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
@media(max-width:760px) { .form-grid-2, .form-grid-3 { grid-template-columns:1fr; } }
.section-title { font-size:.82rem; font-weight:700; color:#374151; margin:20px 0 12px; padding-bottom:8px; border-bottom:1.5px solid #f1f5f9; display:flex; align-items:center; gap:6px; }
.dow-grid { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.dow-label { display:flex; align-items:center; gap:5px; padding:5px 12px; border:1.5px solid #e5e7eb; border-radius:8px; cursor:pointer; font-size:.8rem; transition:.12s; }
.dow-label input:checked + span { color:var(--color-primary); }
.dow-label:has(input:checked) { border-color:var(--color-primary); background:#eff6ff; }
</style>
@endpush
@section('content')

<div class="page-header">
    <div>
        <h1 class="page-title">{{ isset($tariff) ? 'Editar Regra' : 'Nova Regra Tarifária' }}</h1>
        <p class="page-subtitle">Motor Tarifário — Fase 5</p>
    </div>
</div>

<form method="POST"
      action="{{ isset($tariff) ? route('admin.tariffs.update', $tariff) : route('admin.tariffs.store') }}"
      style="display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start" class="tariff-form-grid">

    @csrf
    @if(isset($tariff)) @method('PUT') @endif

    {{-- Coluna principal --}}
    <div>
        {{-- Identificação --}}
        <div class="card mb-md">
            <div class="card-header"><h3 style="margin:0;font-size:.88rem;font-weight:700;">📋 Identificação</h3></div>
            <div class="card-body" style="padding:20px;">
                <div style="margin-bottom:14px;">
                    <label class="form-label">Nome da Regra *</label>
                    <input type="text" name="name" class="form-input" required
                           value="{{ old('name', $tariff?->name ?? '') }}"
                           placeholder="Ex: Tarifa Standard, Alta Temporada Jan, Fim de Semana…">
                </div>
                <div class="form-grid-2">
                    <div>
                        <label class="form-label">Tipo *</label>
                        <select name="type" class="form-input" id="tariff-type" onchange="handleTypeChange(this.value)">
                            @foreach(\App\Models\TariffRule::TYPES as $key => $label)
                            <option value="{{ $key }}" {{ old('type', $tariff?->type ?? 'base') == $key ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label class="form-label">Categoria de UH</label>
                        <select name="room_category_id" class="form-input">
                            <option value="">Global (todas categorias)</option>
                            @foreach($categories as $cat)
                            <option value="{{ $cat->id }}" {{ old('room_category_id', $tariff?->room_category_id ?? '') == $cat->id ? 'selected' : '' }}>
                                {{ $cat->name }}
                            </option>
                            @endforeach
                        </select>
                        <p style="font-size:.72rem;color:#9ca3af;margin:3px 0 0;">Deixe vazio para aplicar a todas as categorias do hotel.</p>
                    </div>
                </div>
            </div>
        </div>

        {{-- Precificação --}}
        <div class="card mb-md">
            <div class="card-header"><h3 style="margin:0;font-size:.88rem;font-weight:700;">💰 Precificação</h3></div>
            <div class="card-body" style="padding:20px;">
                <div class="form-grid-3">
                    <div>
                        <label class="form-label">Valor / Noite *</label>
                        <div style="position:relative;">
                            <span style="position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:600;font-size:.85rem;">R$</span>
                            <input type="number" name="price_per_night" class="form-input" step="0.01" min="0" required
                                   value="{{ old('price_per_night', $tariff?->price_per_night ?? '') }}"
                                   style="padding-left:32px;font-size:1.1rem;font-weight:700;">
                        </div>
                    </div>
                    <div>
                        <label class="form-label">Adulto Extra</label>
                        <div style="position:relative;">
                            <span style="position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:600;font-size:.85rem;">R$</span>
                            <input type="number" name="price_extra_adult" class="form-input" step="0.01" min="0"
                                   value="{{ old('price_extra_adult', $tariff?->price_extra_adult ?? '0') }}"
                                   style="padding-left:32px;">
                        </div>
                    </div>
                    <div>
                        <label class="form-label">Criança</label>
                        <div style="position:relative;">
                            <span style="position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:600;font-size:.85rem;">R$</span>
                            <input type="number" name="price_child" class="form-input" step="0.01" min="0"
                                   value="{{ old('price_child', $tariff?->price_child ?? '0') }}"
                                   style="padding-left:32px;">
                        </div>
                    </div>
                </div>

                <div class="form-grid-2" style="margin-top:14px;">
                    <div>
                        <label class="form-label">Mínimo de Noites</label>
                        <input type="number" name="min_nights" class="form-input" min="1"
                               value="{{ old('min_nights', $tariff?->min_nights ?? 1) }}">
                    </div>
                    <div>
                        <label class="form-label">Máximo de Noites</label>
                        <input type="number" name="max_nights" class="form-input" min="1"
                               value="{{ old('max_nights', $tariff?->max_nights ?? '') }}"
                               placeholder="Sem limite">
                    </div>
                </div>

                <div style="margin-top:14px;">
                    <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.83rem;font-weight:500;">
                        <input type="checkbox" name="is_breakfast_included" value="1"
                               {{ old('is_breakfast_included', $tariff?->is_breakfast_included ?? false) ? 'checked' : '' }}>
                        ☕ Café da manhã incluído no valor desta tarifa
                    </label>
                </div>
            </div>
        </div>

        {{-- Vigência por período --}}
        <div class="card mb-md" id="section-dates">
            <div class="card-header"><h3 style="margin:0;font-size:.88rem;font-weight:700;">📅 Vigência por Período</h3></div>
            <div class="card-body" style="padding:20px;">
                <p style="font-size:.8rem;color:#6b7280;margin:0 0 14px;">Opcional. Sem datas = regra sempre ativa. Com datas = ativa apenas no período informado.</p>
                <div class="form-grid-2">
                    <div>
                        <label class="form-label">Data Início</label>
                        <input type="date" name="date_start" class="form-input"
                               value="{{ old('date_start', $tariff?->dates?->first()?->start_date?->toDateString() ?? '') }}">
                    </div>
                    <div>
                        <label class="form-label">Data Fim</label>
                        <input type="date" name="date_end" class="form-input"
                               value="{{ old('date_end', $tariff?->dates?->first()?->end_date?->toDateString() ?? '') }}">
                    </div>
                </div>

                <div style="margin-top:14px;">
                    <label class="form-label">Dias da semana ativos (deixe em branco = todos)</label>
                    <div class="dow-grid">
                        @php
                            $activeDow = old('days_of_week', $tariff?->dates?->first()?->days_of_week ?? []);
                            $dowNames  = ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'];
                        @endphp
                        @foreach($dowNames as $i => $dname)
                        <label class="dow-label">
                            <input type="checkbox" name="days_of_week[]" value="{{ $i }}"
                                   {{ in_array($i, (array)$activeDow) ? 'checked' : '' }}>
                            <span>{{ $dname }}</span>
                        </label>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        {{-- Ajuste por canal --}}
        <div class="card" id="section-channel">
            <div class="card-header"><h3 style="margin:0;font-size:.88rem;font-weight:700;">📡 Ajuste por Canal de Venda</h3></div>
            <div class="card-body" style="padding:20px;">
                <p style="font-size:.8rem;color:#6b7280;margin:0 0 14px;">Opcional. Aplica um acréscimo (positivo) ou desconto (negativo) para reservas vindas de um canal específico.</p>
                <div class="form-grid-3">
                    <div>
                        <label class="form-label">Canal</label>
                        <select name="channel_id" class="form-input">
                            <option value="">Nenhum</option>
                            @foreach($channels as $ch)
                            <option value="{{ $ch->id }}"
                                {{ old('channel_id', $tariff?->channels?->first()?->sales_channel_id) == $ch->id ? 'selected' : '' }}>
                                {{ $ch->name }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label class="form-label">Tipo de Ajuste</label>
                        <select name="channel_adj_type" class="form-input">
                            <option value="percent" {{ old('channel_adj_type', $tariff?->channels?->first()?->adjustment_type) == 'percent' ? 'selected' : '' }}>Percentual (%)</option>
                            <option value="fixed"   {{ old('channel_adj_type', $tariff?->channels?->first()?->adjustment_type) == 'fixed'   ? 'selected' : '' }}>Fixo (R$)</option>
                        </select>
                    </div>
                    <div>
                        <label class="form-label">Valor do Ajuste</label>
                        <input type="number" name="channel_adj_value" class="form-input" step="0.01"
                               placeholder="Ex: -10 (desconto) ou +5 (acréscimo)"
                               value="{{ old('channel_adj_value', $tariff?->channels?->first()?->adjustment_value ?? '') }}">
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Sidebar --}}
    <div>
        <div class="card" style="position:sticky;top:80px;">
            <div class="card-header"><h3 style="margin:0;font-size:.88rem;font-weight:700;">⚙️ Configurações</h3></div>
            <div class="card-body" style="padding:20px;">
                <div style="margin-bottom:14px;">
                    <label class="form-label">Prioridade *</label>
                    <input type="number" name="priority" class="form-input" min="1" max="99" required
                           value="{{ old('priority', $tariff?->priority ?? 50) }}">
                    <p style="font-size:.72rem;color:#9ca3af;margin:3px 0 0;">Menor = maior prioridade. Recomendado: Base=50, Temporada=20, Pacote=5</p>
                </div>

                <div style="margin-bottom:16px;">
                    <label class="form-label">Observações</label>
                    <textarea name="notes" class="form-input" rows="3"
                              placeholder="Notas internas">{{ old('notes', $tariff?->notes ?? '') }}</textarea>
                </div>

                <div style="margin-bottom:20px;">
                    <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.83rem;font-weight:500;">
                        <input type="checkbox" name="is_active" value="1"
                               {{ old('is_active', $tariff?->is_active ?? true) ? 'checked' : '' }}>
                        Regra ativa
                    </label>
                </div>

                <div style="display:flex;flex-direction:column;gap:8px;">
                    <button type="submit" class="btn btn-primary" style="padding:11px;">
                        <i data-lucide="{{ isset($tariff) ? 'save' : 'plus-circle' }}" style="width:15px;height:15px;"></i>
                        {{ isset($tariff) ? 'Salvar Alterações' : 'Criar Regra' }}
                    </button>
                    <a href="{{ route('admin.tariffs.index') }}" class="btn btn-secondary">Cancelar</a>
                </div>
            </div>
        </div>

        {{-- Referência rápida --}}
        <div style="margin-top:14px;background:#f8fafc;border-radius:10px;padding:14px;font-size:.78rem;color:#374151;">
            <div style="font-weight:700;margin-bottom:8px;">📖 Referência de Prioridades</div>
            <div style="display:flex;flex-direction:column;gap:5px;">
                @foreach(['Pacote' => '1-10', 'Temporada' => '11-20', 'Promo' => '21-30', 'Canal' => '31-40', 'Dia Semana' => '41-50', 'Base' => '51+'] as $tipo => $range)
                <div style="display:flex;justify-content:space-between;">
                    <span>{{ $tipo }}</span>
                    <span style="font-weight:600;color:#6b7280;">{{ $range }}</span>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</form>

@if($errors->any())
<div style="background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-top:16px;color:#991b1b;font-size:.82rem;">
    <ul style="margin:0 0 0 16px;padding:0;">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
</div>
@endif

<style>
@media(max-width:900px) { .tariff-form-grid { grid-template-columns:1fr !important; } }
</style>
@endsection