@extends('backend.adminlayouts.master')

@section('body')

<h1 class="text-2xl font-bold mb-6">{{ isset($page) ? 'Editeaza pagina' : 'Creaza pagina' }}</h1>
<div class="container mx-auto">
    <div class="mt-6 space-y-4">
        <div class="bg-white shadow-md rounded-lg overflow-hidden p-4">
            <form method="POST" action="{{ isset($page) ? route('pages.update', $page->id) : route('pages.store') }}">
                @csrf
                @if(isset($page))
                @method('PUT')
                @endif

                <div class="mb-4">
                    <label for="slug" class="block text-sm font-medium text-gray-700">URL</label>
                    <input type="text" id="slug" name="slug" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500" value="{{ old('slug', isset($page) ? $page->slug : '') }}">
                </div>

                @foreach (Config::get('languages') as $lang => $language)
                <div class="mb-4">
                    <label for="title-{{ $lang }}" class="block text-sm font-medium text-gray-700">Titlu ({{ strtoupper($lang) }})</label>
                    <input type="text" id="title-{{ $lang }}" name="title[{{ $lang }}]" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500" value="{{ old('title.'.$lang, isset($page) ? $page->getTranslation('title',  $lang) : '') }}">
                </div>

                <div class="grid grid-cols-1 md:grid-cols-1 gap-4 py-3">
                    <div class="col-span-1">
                        <label for="content-{{ $lang }}" class="block text-sm font-medium text-gray-700">Continut ({{ strtoupper($lang) }})</label>
                        <textarea id="myeditorinstance" name="content[{{ $lang }}]" rows="3" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500" placeholder="">{{ old('content.'.$lang, isset($page) ? $page->getTranslation('content', $lang) : '') }}</textarea>
                    </div>
                </div>
                @endforeach

                <div class="flex justify-end">
                    <button class="bg-indigo-600 text-white px-4 py-2 rounded-md font-medium hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" type="submit">{{ isset($page) ? 'Salveaza' : 'Salveaza' }}</button>
                </div>

            </form>
        </div>
    </div>
</div>


@endsection