@php
$title = isset($site) ? 'Editar Site' : 'Novo Site';
@endphp

<div class="container-fluid pt-1" style="margin-top: -32px;">
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: -18px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1" style="font-size: 0.98rem;">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">Início</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('configuracoes.usuarios') }}`)" class="text-decoration-none text-secondary">Configurações</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('configuracoes.sites.index') }}`)" class="text-decoration-none text-secondary">Sites</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">{{ isset($site) ? 'Editar' : 'Novo' }}</li>
        </ol>
    </nav>
    
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
            <i class="bi bi-{{ isset($site) ? 'pencil-square' : 'plus-circle' }} me-2 text-primary"></i>{{ $title }}
        </h1>
        <button type="button" class="btn btn-sm btn-outline-secondary" onclick="carregarConteudo(`{{ route('configuracoes.sites.index') }}`)">
            <i class="bi bi-arrow-left me-2"></i>Voltar
        </button>
    </div>

    <form id="{{ isset($site) ? 'formEditarSite' : 'formNovoSite' }}" novalidate>
        @csrf
        
        <div class="card shadow border-0 mb-4">
            <div class="card-header bg-white border-0 pb-1">
                <span class="fw-bold">Identificação</span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-2">
                        <label for="codigo" class="form-label">Código <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="codigo" name="codigo" 
                               value="{{ $site->codigo ?? $proximoCodigo ?? '' }}" 
                               {{ isset($site) ? '' : 'readonly' }} required>
                        @if(!isset($site))
                            <small class="text-muted">Gerado automaticamente</small>
                        @endif
                    </div>
                    <div class="col-md-10">
                        <label for="nome" class="form-label">Nome <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="nome" name="nome" 
                               value="{{ $site->nome ?? '' }}" 
                               placeholder="Ex: Matriz Curitiba, Filial São Paulo" required>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label for="tipo" class="form-label">Tipo <span class="text-danger">*</span></label>
                        <select class="form-select" id="tipo" name="tipo" required>
                            <option value="">Selecione...</option>
                            <option value="FABRICA" {{ isset($site) && $site->tipo === 'FABRICA' ? 'selected' : '' }}>Fábrica</option>
                            <option value="CENTRO_DISTRIBUICAO" {{ isset($site) && $site->tipo === 'CENTRO_DISTRIBUICAO' ? 'selected' : '' }}>Centro de Distribuição</option>
                            <option value="FILIAL" {{ isset($site) && $site->tipo === 'FILIAL' ? 'selected' : '' }}>Filial</option>
                            <option value="DEPOSITO" {{ isset($site) && $site->tipo === 'DEPOSITO' ? 'selected' : '' }}>Depósito</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                        <select class="form-select" id="status" name="status" required>
                            <option value="ATIVO" {{ isset($site) && $site->status === 'ATIVO' ? 'selected' : 'selected' }}>Ativo</option>
                            <option value="INATIVO" {{ isset($site) && $site->status === 'INATIVO' ? 'selected' : '' }}>Inativo</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="card shadow border-0 mb-4">
            <div class="card-header bg-white border-0 pb-1">
                <span class="fw-bold">Endereço</span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-9">
                        <label for="endereco" class="form-label">Endereço</label>
                        <input type="text" class="form-control" id="endereco" name="endereco" 
                               value="{{ $site->endereco ?? '' }}" 
                               placeholder="Rua, Número, Complemento">
                    </div>
                    <div class="col-md-3">
                        <label for="cep" class="form-label">CEP</label>
                        <input type="text" class="form-control" id="cep" name="cep" 
                               value="{{ $site->cep ?? '' }}" 
                               placeholder="00000-000">
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label for="bairro" class="form-label">Bairro</label>
                        <input type="text" class="form-control" id="bairro" name="bairro" 
                               value="{{ $site->bairro ?? '' }}" 
                               placeholder="Bairro">
                    </div>                    
                    <div class="col-md-4">
                        <label for="cidade" class="form-label">Cidade</label>
                        <input type="text" class="form-control" id="cidade" name="cidade" 
                               value="{{ $site->cidade ?? '' }}" 
                               placeholder="Ex: Curitiba">
                    </div>
                    <div class="col-md-2">
                        <label for="estado" class="form-label">Estado (UF)</label>
                        <input type="text" class="form-control" id="estado" name="estado" 
                               value="{{ $site->estado ?? '' }}" 
                               placeholder="PR" maxlength="2" style="text-transform: uppercase;">
                    </div>
                </div>
            </div>
        </div>

        <div class="card shadow border-0 mb-4">
            <div class="card-header bg-white border-0 pb-1">
                <span class="fw-bold">Contato e Gestão</span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <label for="telefone" class="form-label">Telefone</label>
                        <input type="text" class="form-control" id="telefone" name="telefone" 
                               value="{{ $site->telefone ?? '' }}" 
                               placeholder="(00) 0000-0000">
                    </div>
                    <div class="col-md-4">
                        <label for="email" class="form-label">E-mail</label>
                        <input type="email" class="form-control" id="email" name="email" 
                               value="{{ $site->email ?? '' }}" 
                               placeholder="contato@empresa.com.br">
                    </div>
                    <div class="col-md-4">
                        <label for="responsavel_id" class="form-label">Responsável/Gerente</label>
                        <select class="form-select" id="responsavel_id" name="responsavel_id">
                            <option value="">Nenhum</option>
                            @if(isset($usuarios))
                                @foreach($usuarios as $usuario)
                                    <option value="{{ $usuario->id }}" 
                                        {{ isset($site) && $site->responsavel_id == $usuario->id ? 'selected' : '' }}>
                                        {{ $usuario->name }}
                                    </option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-12">
                        <label for="observacoes" class="form-label">Observações</label>
                        <textarea class="form-control" id="observacoes" name="observacoes" rows="3" 
                                  placeholder="Informações adicionais sobre o site">{{ $site->observacoes ?? '' }}</textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-end gap-2 mb-4">
            <button type="button" class="btn btn-secondary" onclick="carregarConteudo(`{{ route('configuracoes.sites.index') }}`)">
                <i class="bi bi-x-circle me-2"></i>Cancelar
            </button>
            @if(isset($site))
                <button type="button" class="btn btn-primary" onclick="atualizar(`{{ route('configuracoes.sites.update', $site->id) }}`, 'formEditarSite')">
                    <i class="bi bi-save me-2"></i>Atualizar
                </button>
            @else
                <button type="button" class="btn btn-primary" onclick="salvar(`{{ route('configuracoes.sites.store') }}`, 'formNovoSite')">
                    <i class="bi bi-save me-2"></i>Salvar
                </button>
            @endif
        </div>
    </form>
</div>