@extends('layouts.admin')

@section('title', $caseStudy->exists ? __('admin.case_studies.edit') : __('admin.case_studies.create'))

@php
    $editing = $caseStudy->exists;
    $action = $editing ? lroute('admin.case-studies.update', $caseStudy) : lroute('admin.case-studies.store');
    $field = 'w-full rounded-lg border border-black/10 bg-white px-3 py-2 text-sm focus:border-brand focus:outline-none focus:ring-2 focus:ring-brand/20';
    $label = 'mb-1 block text-sm font-semibold text-ink';
@endphp

@section('content')
    <div class="flex items-center justify-between gap-4">
        <h1 class="text-2xl font-bold text-brand-deep">{{ $editing ? __('admin.case_studies.edit') : __('admin.case_studies.create') }}</h1>
        <a href="{{ lroute('admin.case-studies.index') }}" class="text-sm font-medium text-ink-soft transition hover:text-brand">{{ __('admin.actions.back') }}</a>
    </div>

    <form method="POST" action="{{ $action }}" class="mt-6 max-w-3xl space-y-5 rounded-2xl bg-white p-6 shadow-sm ring-1 ring-black/5">
        @csrf
        @if ($editing)
            @method('PUT')
        @endif

        <div class="grid gap-5 sm:grid-cols-2">
            <div>
                <label for="locale" class="{{ $label }}">{{ __('admin.case_studies.locale') }}</label>
                <select id="locale" name="locale" class="{{ $field }}" required>
                    @foreach (config('locales.supported') as $code => $data)
                        <option value="{{ $code }}" @selected(old('locale', $caseStudy->locale) === $code)>{{ $data['name'] }}</option>
                    @endforeach
                </select>
                @error('locale')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="slug" class="{{ $label }}">{{ __('admin.case_studies.slug') }}</label>
                <input type="text" id="slug" name="slug" value="{{ old('slug', $caseStudy->slug) }}" class="{{ $field }}" dir="ltr" required>
                @error('slug')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
        </div>

        <div class="grid gap-5 sm:grid-cols-2">
            <div>
                <label for="client_name" class="{{ $label }}">{{ __('admin.case_studies.client_name') }}</label>
                <input type="text" id="client_name" name="client_name" value="{{ old('client_name', $caseStudy->client_name) }}" class="{{ $field }}" required>
                @error('client_name')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="industry" class="{{ $label }}">{{ __('admin.case_studies.industry') }}</label>
                <input type="text" id="industry" name="industry" value="{{ old('industry', $caseStudy->industry) }}" class="{{ $field }}">
                @error('industry')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
        </div>

        <div>
            <label for="title" class="{{ $label }}">{{ __('admin.case_studies.cs_title') }}</label>
            <input type="text" id="title" name="title" value="{{ old('title', $caseStudy->title) }}" class="{{ $field }}" required>
            @error('title')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>

        <div>
            <label for="excerpt" class="{{ $label }}">{{ __('admin.case_studies.excerpt') }}</label>
            <textarea id="excerpt" name="excerpt" rows="2" class="{{ $field }}">{{ old('excerpt', $caseStudy->excerpt) }}</textarea>
            @error('excerpt')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>

        <div class="grid gap-5 sm:grid-cols-2">
            <div>
                <label for="quote" class="{{ $label }}">{{ __('admin.case_studies.quote') }}</label>
                <textarea id="quote" name="quote" rows="3" class="{{ $field }}">{{ old('quote', $caseStudy->quote) }}</textarea>
                @error('quote')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="quote_author" class="{{ $label }}">{{ __('admin.case_studies.quote_author') }}</label>
                <input type="text" id="quote_author" name="quote_author" value="{{ old('quote_author', $caseStudy->quote_author) }}" class="{{ $field }}">
                @error('quote_author')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
        </div>

        <div>
            <label for="body" class="{{ $label }}">{{ __('admin.case_studies.body') }}</label>
            @include('admin.partials.markdown-toolbar', ['for' => 'body'])
            <textarea id="body" name="body" rows="10" class="{{ $field }} rounded-t-none" dir="{{ \App\Support\Locale::direction(old('locale', $caseStudy->locale ?: 'ar')) }}">{{ old('body', $caseStudy->body) }}</textarea>
            @error('body')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            <script>
                document.getElementById('locale').addEventListener('change', function () {
                    document.getElementById('body').dir = this.value === 'ar' ? 'rtl' : 'ltr';
                });
            </script>
        </div>

        <div class="grid gap-5 sm:grid-cols-3">
            <div>
                <label for="logo_path" class="{{ $label }}">{{ __('admin.case_studies.logo_path') }}</label>
                <input type="text" id="logo_path" name="logo_path" value="{{ old('logo_path', $caseStudy->logo_path) }}" class="{{ $field }}" dir="ltr">
                @error('logo_path')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="sort_order" class="{{ $label }}">{{ __('admin.case_studies.sort_order') }}</label>
                <input type="number" id="sort_order" name="sort_order" value="{{ old('sort_order', $caseStudy->sort_order ?? 0) }}" class="{{ $field }}" min="0" dir="ltr">
                @error('sort_order')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="published_at" class="{{ $label }}">{{ __('admin.case_studies.published_at') }}</label>
                <input type="datetime-local" id="published_at" name="published_at" value="{{ old('published_at', $caseStudy->published_at?->format('Y-m-d\TH:i')) }}" class="{{ $field }}" dir="ltr">
                @error('published_at')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
        </div>

        <div>
            <label for="status" class="{{ $label }}">{{ __('admin.case_studies.status') }}</label>
            <select id="status" name="status" class="{{ $field }} sm:w-64" required>
                @foreach (['draft', 'published'] as $status)
                    <option value="{{ $status }}" @selected(old('status', $caseStudy->status) === $status)>{{ __("admin.case_studies.statuses.{$status}") }}</option>
                @endforeach
            </select>
            @error('status')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>

        <div class="flex items-center gap-3 pt-2">
            <button type="submit" class="rounded-full bg-brand px-6 py-2.5 text-sm font-semibold text-white transition hover:bg-brand-deep">{{ __('admin.actions.save') }}</button>
            <a href="{{ lroute('admin.case-studies.index') }}" class="rounded-full px-6 py-2.5 text-sm font-medium text-ink-soft transition hover:text-brand">{{ __('admin.actions.cancel') }}</a>
        </div>
    </form>
@endsection