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

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

@php
    $breadcrumb = [
        ['label' => __('site.menu_item_3')],
        ['label' => __('site.menu_item_3_sub_2'), 'url' => route('site.videos.r')],
        ['label' => __('site.page_videos_add_h1')],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

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

    <form class="vform" method="POST" action="{{ route('site.videos.c.do') }}"
          data-url-cat="{{ route('site.videos.c.do.categories') }}"
          data-msg-saving="{{ __('site.configs_saving') }}">
        <section class="sec">
            <div class="sec__head">
                <h2 class="sec__title"><i class="fa-solid fa-film"></i> {{ __('site.page_videos_add_block') }}</h2>
            </div>
            <div class="sec__body">
                @include('includes.video-form')
            </div>
        </section>

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

    @include('includes.category-modal')

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/site-videos.js') }}"></script>
@endsection

@include('includes/footer-novo')