@extends('layouts.admin')
@section('content')
    @section('headerTitle')
        Raportul Primarului
    @endsection
    @section('breadcrumbs')
        {{ Breadcrumbs::render('admin.cms.mayor') }}
    @endsection

    @if (\Session::has('success'))
        <div class="alert alert-success">
            <ul>
                <li>{!! \Session::get('success') !!}</li>
            </ul>
        </div>
    @endif

    <div class="container mt-5">

        <form method="POST" action="{{ route('admin.mayor.store') }}">
            @csrf
            <div class="form-group">
                <label for="mayorDetails">Titlu:</label>
                <input type="text" value="{{@$mayorDetails->title}}" class="form-control" id="mayorDetails" name="title"
                       placeholder="Titlu" required>
            </div>

            <div class="form-group">
                <label for="mayorDetails">Titlu buton slider:</label>
                <input type="text" class="form-control" id="mayorDetails" value="{{@$mayorDetails->slider_btn_name}}"
                       name="slider_btn_name" placeholder="Titlu buton slider" required>
            </div>

            <div class="form-group">
                <label for="mayorDetails">Slider text:</label>
                <input type="text" class="form-control" id="mayorDetails" value="{{@$mayorDetails->slider_btn_text}}"
                       name="slider_btn_text" placeholder="Slider text" required>
            </div>


            <label for="video">Video (YouTube link or upload):</label>

            <div class="input-group">
                <input type="text" name="video_url" value="{{@$mayorDetails->video_url}}" class="form-control"
                       id="video"
                       placeholder="Enter YouTube link or upload video URL">
                <div class="input-group-append">
                    <button class="btn btn-outline-secondary" type="button" onclick="previewVideo()">Preview
                    </button>
                </div>
            </div>
            <br>

            <div class="form-group">
                <label for="text">Raportul Primarului:</label>

                <template>
                    <div id="app">
                        <rich-text-editor content-ed="{{json_encode( @$mayorDetails->full_description)}}"></rich-text-editor>
                    </div>
                </template>
            </div>


            <div class="flex items-center justify-content-center mt-4">
                <x-button type="submit" class="ml-4 btn btn-primary" id="register-button">
                    Salveaza
                </x-button>
            </div>
        </form>
    </div>
@endsection