<x-admin-layout>

    <x-page-heading title="Nouvelle bloc de page" :breadcrumbs="['Bloc de page', 'Nouveau']" />

    <section class="section">
        <div class="row">
            <div class="col-lg-12">
        
                <x-card>
                    <x-form action="{{ route('pages.store') }}" hasFiles>
                        <div class="row">
                            <x-form.group 
                                :label="__('Nom')" 
                                name="name" 
                                class="col-12"
                            >
                                <x-form.select name="name">
                                    <option value="">{{ __('Sélectionner un bloc') }}</option>
                                    @foreach ($blocs as $value => $label)
                                        <option value="{{ $value }}">{{ $label }}</option>
                                    @endforeach
                                </x-form.select>
                            </x-form.group>
                        </div>
            
                        <div class="row">
                            <x-form.group 
                                :label="__('Contenu')" 
                                name="content"
                                class="col-12"
                            >
                                <textarea class="tinymce-editor" id="content" name="content" rows="10">{!! old('content') !!}</textarea>
                            </x-form.group>
                        </div>

                        <x-button type="submit" :label="__('Sauvegarder')" primary />
                        <x-button :href="route('pages.index')" :label="__('Annuler')" secondary outline />

                    </x-form>
                </x-card>

            </div>
        </div>
    </section>

</x-admin-layout>