@extends('layouts.app')

@section('title', 'Editar Mercado')

@section('content')
<div class="sinagem-main">
    <div class="s-card">
        <div class="s-card-header">
            <h4 class="s-card-title">
                <i class="fas fa-edit"></i>
                Editar Mercado: {{ $mercado->name }}
            </h4>
            <a href="{{ route('mercado.mercados.show', $mercado) }}" class="btn btn-outline-secondary btn-sm">
                <i class="fas fa-arrow-left"></i>
                Voltar
            </a>
        </div>

        <div class="s-card-body">
            <form action="{{ route('mercado.mercados.update', $mercado) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="neighborhood_id" class="form-label">Bairro <span class="required">*</span></label>
                            <select name="neighborhood_id" id="neighborhood_id" class="form-control" required>
                                <option value="">Selecione o bairro...</option>
                                @foreach($provinces as $province)
                                    <optgroup label="{{ $province->name }}">
                                        @foreach($province->municipalities as $municipality)
                                            @foreach($municipality->neighborhoods as $neighborhood)
                                                <option value="{{ $neighborhood->id }}"
                                                    {{ old('neighborhood_id', $mercado->neighborhood_id) == $neighborhood->id ? 'selected' : '' }}>
                                                    {{ $neighborhood->name }} ({{ $municipality->name }})
                                                </option>
                                            @endforeach
                                        @endforeach
                                    </optgroup>
                                @endforeach
                            </select>
                            @error('neighborhood_id')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name" class="form-label">Nome do Mercado <span class="required">*</span></label>
                            <input type="text"
                                   class="form-control @error('name') is-invalid @enderror"
                                   id="name"
                                   name="name"
                                   value="{{ old('name', $mercado->name) }}"
                                   required>
                            @error('name')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="location" class="form-label">Localização <span class="required">*</span></label>
                            <input type="text"
                                   class="form-control @error('location') is-invalid @enderror"
                                   id="location"
                                   name="location"
                                   value="{{ old('location', $mercado->location) }}"
                                   required>
                            @error('location')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="form-group">
                            <label for="address" class="form-label">Endereço</label>
                            <textarea class="form-control @error('address') is-invalid @enderror"
                                      id="address"
                                      name="address"
                                      rows="2">{{ old('address', $mercado->address) }}</textarea>
                            @error('address')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="capacity" class="form-label">Capacidade (nº bancadas)</label>
                            <input type="number"
                                   class="form-control @error('capacity') is-invalid @enderror"
                                   id="capacity"
                                   name="capacity"
                                   value="{{ old('capacity', $mercado->capacity) }}"
                                   min="0">
                            @error('capacity')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="contact_phone" class="form-label">Telefone de Contacto</label>
                            <input type="text"
                                   class="form-control @error('contact_phone') is-invalid @enderror"
                                   id="contact_phone"
                                   name="contact_phone"
                                   value="{{ old('contact_phone', $mercado->contact_phone) }}">
                            @error('contact_phone')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="contact_email" class="form-label">Email de Contacto</label>
                            <input type="email"
                                   class="form-control @error('contact_email') is-invalid @enderror"
                                   id="contact_email"
                                   name="contact_email"
                                   value="{{ old('contact_email', $mercado->contact_email) }}">
                            @error('contact_email')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="status" class="form-label">Status</label>
                            <select name="status" id="status" class="form-control">
                                <option value="active" {{ old('status', $mercado->status) == 'active' ? 'selected' : '' }}>Ativo</option>
                                <option value="inactive" {{ old('status', $mercado->status) == 'inactive' ? 'selected' : '' }}>Inativo</option>
                            </select>
                            @error('status')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="form-group">
                            <label for="administration" class="form-label">Administração (JSON)</label>
                            <textarea class="form-control @error('administration') is-invalid @enderror"
                                      id="administration"
                                      name="administration"
                                      rows="2">{{ old('administration', is_array($mercado->administration) ? json_encode($mercado->administration, JSON_PRETTY_PRINT) : $mercado->administration) }}</textarea>
                            <small class="form-hint">Informações adicionais sobre a administração do mercado</small>
                            @error('administration')
                                <div class="form-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="form-actions d-flex justify-content-end gap-2 mt-4">
                    <a href="{{ route('mercado.mercados.index') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-times"></i>
                        Cancelar
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i>
                        Atualizar Mercado
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
    .required {
        color: var(--sinagem-red, #e03030);
    }

    .form-error {
        font-size: 0.75rem;
        color: var(--sinagem-red, #e03030);
        margin-top: 0.25rem;
    }

    .form-hint {
        font-size: 0.7rem;
        color: var(--text-muted, #9ca3af);
        margin-top: 0.25rem;
        display: block;
    }

    .form-actions {
        border-top: 1px solid var(--border-color, #e5e7eb);
        padding-top: 1.5rem;
    }
</style>
@endpush