@extends('admin.layouts.app')

@section('title', ($record ? 'Edit' : 'Add') . ' ' . $label)

@section('content')
    <div class="page-header-breadcrumb my-2">
        <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
            <h1 class="page-title fw-medium fs-20 mb-0">{{ $record ? 'Edit' : 'Add' }} {{ $label }}</h1>
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route($routeName . '.index') }}">{{ $label }}s</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $record ? 'Edit' : 'Add' }}</li>
            </ol>
        </div>
    </div>

    <div class="container-fluid page-container main-body-container">
        <form method="POST" action="{{ $action }}" enctype="multipart/form-data">
            @csrf
            @if ($method === 'PUT')
                @method('PUT')
            @endif

            <div class="row">
                <div class="col-xl-12">
                    <div class="card custom-card">
                        <div class="card-header">
                            <div class="card-title">{{ $label }} details</div>
                        </div>
                        <div class="card-body">
                            @foreach ($fields as $name => $field)
                                @php
                                    $type = $field['type'] ?? 'text';
                                    $current = old($name, $record?->{$name});
                                    $isChecked = old($name, $field['default'] ?? null);
                                    $inputId = 'field-' . $name;
                                    $helpId = $inputId . '-help';
                                @endphp

                                <div class="mb-3">
                                    <label for="{{ $inputId }}" class="form-label fs-14 text-dark">
                                        {{ $field['label'] ?? ucfirst(str_replace('_', ' ', $name)) }}
                                        @if ($field['required'] ?? false)
                                            <span class="text-danger">*</span>
                                        @endif
                                    </label>

                                    @if ($type === 'textarea')
                                        <textarea id="{{ $inputId }}" name="{{ $name }}" rows="{{ $field['rows'] ?? 3 }}" class="form-control" @if ($field['required'] ?? false) required @endif>{{ $current }}</textarea>

                                    @elseif ($type === 'editor')
                                        <div class="admin-editor-wrapper">
                                            <textarea id="{{ $inputId }}" name="{{ $name }}" class="form-control admin-editor-source" rows="14">{{ $current }}</textarea>
                                            <div class="admin-editor-canvas" data-editor-canvas></div>
                                        </div>

                                    @elseif ($type === 'select')
                                        <select id="{{ $inputId }}" name="{{ $name }}" class="form-select" @if ($field['required'] ?? false) required @endif>
                                            <option value="">— Select —</option>
                                            @foreach (\App\Support\AdminOptions::for($field) as $value => $text)
                                                <option value="{{ $value }}" @selected((string) $current === (string) $value)>{{ $text }}</option>
                                            @endforeach
                                        </select>

                                    @elseif ($type === 'toggle')
                                        <div class="form-check form-switch">
                                            <input type="hidden" name="{{ $name }}" value="0">
                                            <input class="form-check-input" type="checkbox" role="switch" name="{{ $name }}" id="{{ $inputId }}" value="1" @checked((bool) $isChecked)>
                                        </div>

                                    @elseif ($type === 'image')
                                        <input type="file" id="{{ $inputId }}" name="{{ $name }}" class="form-control" @if (($field['required'] ?? false) && ! $current) required @endif>
                                        @if ($current)
                                            <img src="{{ Storage::disk('public')->url($current) }}" alt="" class="rounded mt-2" style="max-height: 120px;">
                                        @endif

                                    @elseif ($type === 'file')
                                        <input type="file" id="{{ $inputId }}" name="{{ $name }}" class="form-control" @if (($field['required'] ?? false) && ! $current) required @endif>
                                        @if ($current)
                                            <a href="{{ Storage::disk('public')->url($current) }}" target="_blank" rel="noopener" class="d-inline-block mt-2">
                                                <i class="ri-file-line me-1"></i>View current file
                                            </a>
                                        @endif

                                    @elseif ($type === 'number')
                                        <input type="number" id="{{ $inputId }}" name="{{ $name }}" value="{{ $current }}" class="form-control" @if ($field['required'] ?? false) required @endif>

                                    @elseif ($type === 'date')
                                        <input type="date" id="{{ $inputId }}" name="{{ $name }}" value="{{ $current ? \Illuminate\Support\Carbon::parse($current)->format('Y-m-d') : '' }}" class="form-control">

                                    @elseif ($type === 'datetime')
                                        <input type="datetime-local" id="{{ $inputId }}" name="{{ $name }}" value="{{ $current ? \Illuminate\Support\Carbon::parse($current)->format('Y-m-d\TH:i') : '' }}" class="form-control">

                                    @else
                                        <input type="text" id="{{ $inputId }}" name="{{ $name }}" value="{{ $current }}" class="form-control" @if ($field['required'] ?? false) required @endif>
                                    @endif

                                    @if ($field['help'] ?? false)
                                        <div class="form-text" id="{{ $helpId }}">{{ $field['help'] }}</div>
                                    @endif
                                </div>
                            @endforeach

                            @yield('extra-fields')
                        </div>
                        <div class="card-footer d-flex justify-content-end gap-2">
                            <a href="{{ route($routeName . '.index') }}" class="btn btn-outline-secondary">Cancel</a>
                            <button type="submit" class="btn btn-primary">
                                <i class="ri-save-line me-1"></i>Save {{ strtolower($label) }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('assets/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('assets/js/admin-editor.js') }}"></script>
@endpush