@section('title', __('site.page_slider_new_h1'))

@section('head')
    <link rel="stylesheet" href="/assets/js/plugins/dropzone/min/dropzone.min.css">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteslider.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('site.menu_item_3')],
        ['label' => __('site.menu_item_3_sub_5'), 'url' => route('site.slider.r')],
        ['label' => __('site.page_slider_new_h1')],
    ];

@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_slider_new_h1') }}</h1>
            <p class="page-sub">{{ __('site.page_slider_form_sub') }}</p>
        </div>
    </header>

    @include('includes.flash')

    <form class="sldform" method="POST" action="{{ route('site.slider.c.do') }}" data-msg-saving="{{ __('site.configs_saving') }}">
        <section class="sec">
            <div class="sec__head">
                <h2 class="sec__title"><i class="fa-solid fa-image"></i> {{ __('site.page_slider_block_title') }}</h2>
            </div>
            <div class="sec__body">
                @include('includes.slide-form')
            </div>
        </section>

        <div class="sldform__foot">
            <a class="btn btn--ghost" href="{{ route('site.slider.r') }}">{{ __('site.btn_cancel') }}</a>
            <button class="btn btn--primary sldform__submit" type="submit">
                @include('includes.spinner')
                <span class="btn__label">{{ __('site.action_save') }}</span>
            </button>
        </div>
    </form>

</main>

@section('scripts')
    <script>
        var LNG_DROPHERE = @json(__('site.page_slider_drop_here'));
        var LNG_CANCELUP = @json(__('site.site_file_cancel'));
        var LNG_CANCELEDUP = @json(__('site.site_file_canceled'));
        var LNG_REMOVE = @json(__('site.btn_remove'));
    </script>
    <script src="/assets/js/plugins/dropzone/min/dropzone.min.js"></script>
    <script src="{{ assetv('/assets/js/site-slider.js') }}"></script>
@endsection

@include('includes/footer-novo')