@extends('layouts.admin', ['title' => __('messages.edit_service_title')])

@section('content')
<form method="POST" action="{{ route('admin.services.update', $service) }}" class="rounded-2xl bg-cardapp border border-white/5 p-5 sm:p-6 shadow-md">
    @csrf @method('PATCH')

    <div class="flex items-center justify-between gap-3 mb-5 pb-5 border-b border-white/5">
        <div class="flex items-center gap-3">
            <div class="w-12 h-12 rounded-xl bg-white/5 ring-1 ring-white/10 flex items-center justify-center text-2xl">{{ $service->icon }}</div>
            <div>
                <h2 class="text-lg font-bold text-white">{{ $service->name_ar }}</h2>
                <div class="text-xs text-gray-400" dir="ltr">{{ $service->name_en }}</div>
            </div>
        </div>
        <a href="{{ route('admin.services') }}" class="text-xs text-gray-400 hover:text-white">{{ __('messages.back') }}</a>
    </div>

    @include('admin._service_form', ['service' => $service])

    <div class="flex items-center justify-end gap-2 mt-6 pt-5 border-t border-white/5">
        <a href="{{ route('admin.services') }}" class="px-4 py-2 rounded-lg bg-white/5 hover:bg-white/10 text-sm text-gray-200">{{ __('messages.cancel') }}</a>
        <button class="rounded-xl btn-teal px-6 py-2.5 text-sm">{{ __('messages.save_changes_btn') }}</button>
    </div>
</form>
@endsection