@extends('layouts.app')
@section('content')
    <div class="w-full pt-28 py-12">
        <div class="mx-auto sm:px-6 lg:px-8 space-y-6">
            <div class="p-4 sm:p-8 shadow bg-theme_secondary_black sm:rounded-lg">
                <div>
                    <div>
                        <h2 class="text-lg font-medium text-gray-300">
                            Hizmet Detay Bilgileri
                        </h2>

                        <p class="mt-1 text-sm text-gray-400">
                            Seçtiğiniz Hizmetin Detaylarını Burada Görüntüleyebilirsiniz.
                        </p>
                    </div>
                    <div class="mt-6 space-y-6 w-full flex flex-col">
                        <form method="POST" action="{{ route('root.editService', [$service->id]) }}" class="space-y-4" onsubmit="showLoading()">
                            @csrf
                            <div class="flex flex-col lg:flex-row gap-4">
                                <div class="lg:w-1/2">
                                    <label for="name" class="text-gray-300">
                                        Hizmet Başlığı
                                    </label>
                                    <input name="title" type="text" class="mt-1 block w-full input-1"
                                        value="{{ $service->title }}" disabled/>
                                </div>
                                <div class="lg:w-1/2">
                                    <label for="surname" class="text-gray-300">
                                        Hizmet Adı
                                    </label>
                                    <input name="name" type="text" class="mt-1 block w-full input-1"
                                        value="{{ $service->name }}" disabled/>
                                </div>
                            </div>
                            {{-- <div class="flex justify-end">
                                <button class="button-2 px-6">
                                    Kaydet
                                </button>
                            </div> --}}
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection