@extends('admin.layouts.app')

@section('title', ($isEdit ? __('admin.admins.edit') : __('admin.admins.create')) . ' — ' . __('admin.brand.name'))
@section('page_title', $isEdit ? __('admin.admins.edit') : __('admin.admins.create'))

@push('styles')
<style>
    .adm-form { display: grid; gap: 16px; }
    .adm-form .adm-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 14px 16px;
    }
    .adm-form .adm-grid > .span-full { grid-column: 1 / -1; }

    .adm-section-title {
        font-size: 12px; font-weight: 700; color: #64748b;
        text-transform: uppercase; letter-spacing: .05em;
        margin: 6px 0 2px;
    }
    .adm-help { font-size: 12px; color: #64748b; line-height: 1.5; margin-top: 4px; }

    .adm-errors {
        background: #fef2f2; border: 1px solid #fecaca;
        border-radius: 10px; padding: 12px 14px; color: #7f1d1d;
    }
    .adm-errors strong { color: #b91c1c; }
    .adm-errors ul { margin: 6px 0 0 18px; padding: 0; }
    .adm-errors li { font-size: 13px; }

    .form-actions { display: flex; gap: 10px; justify-content: flex-end; padding-top: 8px; }
</style>
@endpush

@section('content')
    <x-admin.page-header
        :title="$isEdit ? __('admin.admins.edit_title', ['name' => $admin->name]) : __('admin.admins.create')">
        <x-slot:actions>
            <a href="{{ route('admin.admins.index') }}" class="btn-secondary">{{ __('admin.actions.back_to_list') }}</a>
        </x-slot:actions>
    </x-admin.page-header>

    @include('admin.partials.flash')

    <div class="card form-card">
        @if (isset($errors) && $errors && $errors->any())
            <div class="adm-errors" role="alert">
                <strong>{{ __('admin.validation.summary_title') }}</strong>
                <ul>
                    @foreach ($errors->all() as $err)
                        <li>{{ $err }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="POST"
              action="{{ $isEdit ? route('admin.admins.update', $admin) : route('admin.admins.store') }}"
              class="adm-form"
              novalidate
              autocomplete="off">
            @csrf
            @if ($isEdit) @method('PUT') @endif

            <div class="adm-section-title">{{ __('admin.fields.basic_info') ?? 'Basic info' }}</div>
            <div class="adm-grid">
                <x-admin.form-input
                    name="name"
                    :label="__('admin.admins.fields.name')"
                    :value="old('name', $admin->name)"
                    required
                    autocomplete="off" />

                <x-admin.form-input
                    type="email"
                    name="email"
                    :label="__('admin.admins.fields.email')"
                    :value="old('email', $admin->email)"
                    required
                    autocomplete="off" />

                <div class="span-full">
                    <x-admin.form-input
                        type="password"
                        name="password"
                        :label="__('admin.admins.fields.password')"
                        :required="!$isEdit"
                        autocomplete="new-password" />
                    @if ($isEdit)
                        <p class="adm-help">{{ __('admin.admins.fields.password_edit_help') }}</p>
                    @else
                        <p class="adm-help">{{ __('admin.admins.fields.password_help') }}</p>
                    @endif
                </div>

                <x-admin.form-toggle
                    name="is_active"
                    :label="__('admin.fields.status')"
                    :checked="old('is_active', $admin->is_active ?? true)" />
            </div>

            <div class="form-actions">
                <a href="{{ route('admin.admins.index') }}" class="btn-secondary">{{ __('admin.actions.cancel') }}</a>
                <button type="submit" class="btn-primary">
                    {{ $isEdit ? __('admin.actions.save') : __('admin.actions.create') }}
                </button>
            </div>
        </form>
    </div>
@endsection