@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            @php
                $isEdit = $country && $country->exists;
            @endphp
            <h2 class="content-header-title float-start mb-0">
                {{ $isEdit ? 'Edit Country' : 'Add Country' }}
            </h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('countries.index') }}">Countries</a></li>
                    <li class="breadcrumb-item active">
                        {{ $isEdit ? 'Edit' : 'Create' }}
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title mb-0">
                        {{ $isEdit ? 'Update country details' : 'Create a new country' }}
                    </h4>
                    <small class="text-muted">Fields mirror the legacy portal form with explicit status control.</small>
                </div>
                <div class="card-body">
                    <form class="row gy-2" method="POST" action="{{ $formAction }}">
                        @csrf
                        @if($method !== 'post')
                            @method($method)
                        @endif

                        <div class="col-md-6">
                            <label class="form-label" for="name">Country Name</label>
                            <input type="text" name="name" id="name" class="form-control"
                                   value="{{ old('name', $country->name) }}" required maxlength="255">
                            @error('name')
                                <div class="text-danger small mt-25">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label class="form-label" for="code">Country Code</label>
                            <input type="text" name="code" id="code" class="form-control"
                                   value="{{ old('code', $country->code) }}" maxlength="10">
                            @error('code')
                                <div class="text-danger small mt-25">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label class="form-label" for="dial_code">Dial Code</label>
                            <input type="text" name="dial_code" id="dial_code" class="form-control"
                                   value="{{ old('dial_code', $country->dial_code) }}" maxlength="10">
                            @error('dial_code')
                                <div class="text-danger small mt-25">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label class="form-label" for="status">Status</label>
                            <select id="status" name="status" class="form-select">
                                @foreach($statusOptions as $value => $label)
                                    <option value="{{ $value }}"
                                        @selected(old('status', $country->status ?? 'active') === $value)>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </select>
                            @error('status')
                                <div class="text-danger small mt-25">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12 mt-2">
                            <button type="submit" class="btn btn-primary">
                                {{ $isEdit ? 'Update Country' : 'Create Country' }}
                            </button>
                            <a href="{{ route('countries.index') }}" class="btn btn-outline-secondary">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection