@extends('user-panelv2.layouts.userv2')
@section('head')
    <link rel="stylesheet" type="text/css" href="{{asset('user-panel/app-assets/css/pages/page-blog.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('user-panel/app-assets/css/plugins/forms/pickers/form-flat-pickr.css')}}">
    <style>
        .blur-me {
            filter: blur(5px); /* Adjust the blur level as needed */
            width: 100%;
            height: 100%;
        }

        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent overlay */
            color: red; /* Text color */
            font-size: 30px; /* Adjust text size as needed */
        }

    </style>
@endsection

@section('content-head')
    <div class="content-header-left col-md-9 col-12 mb-2">
        <div class="row breadcrumbs-top">
            <div class="col-12">
                <h2 class="content-header-title float-left mb-0">Solo Qeydiyyat</h2>
                <div class="breadcrumb-wrapper">
                    <ol class="breadcrumb">
                        {{--                                <li class="breadcrumb-item"><a href="index.html">Home</a>--}}
                        {{--                                </li>--}}
                        {{--                                <li class="breadcrumb-item"><a href="#">Pages</a>--}}
                        {{--                                </li>--}}
                        {{--                                <li class="breadcrumb-item"><a href="#">Blog</a>--}}
                        {{--                                </li>--}}
                        {{--                                <li class="breadcrumb-item active">Edit--}}
                        {{--                                </li>--}}
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection
<!-- BEGIN: Content-->
@section('content')
    <!-- Blog Edit -->
    <div class="blog-edit-wrapper">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body ">
                        <form action="{{route('userv2.eea.event.addApi')}}" method="POST" class="mt-2" enctype="multipart/form-data">
                            @csrf

                            <div class="row">
                                <div class="col-md-12">
                                    <h1>Tədbir əlavə et</h1>
{{--                                    <input type="text" id="blog-edit-title" class="form-control"--}}
{{--                                           value="The Best Features Coming to iOS and Web design"/>--}}
                                </div>
                                <!-- Array Data -->

                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="event-add-title">Tədbir adı</label>
                                        <input type="text" id="event-add-title" class="form-control" placeholder="Discord Wars X" name="title"/>
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="default-select">Tədbir formatı</label>
                                        <select id="default-select" name="section" class="select2 form-control"  >
                                            <option value="solo">Solo</option>
                                            <option value="team">Team</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-12 mt-50">
                                    <button type="submit" class="btn btn-primary mr-1">Yüklə</button>
                                    <button type="reset" class="btn btn-outline-secondary">Ləğv Et</button>
                                </div>
                            </div>
                        </form>
                        <!--/ Form -->
                    </div>
{{--                    @if(auth()->user()->hasVerifiedEmail())--}}

{{--                    @else--}}
{{--                        <div class="overlay">--}}
{{--                            <p>{{__('You are restricted, verify your mail!')}}</p>--}}
{{--                        </div>--}}
{{--                    @endif--}}
                </div>
            </div>
        </div>
    </div>
    <!--/ Blog Edit -->
@endsection
<!-- END: Content-->

@section('script')
    <!-- BEGIN: Page JS-->
    <script src="{{asset('user-panel/app-assets/vendors/js/editors/quill/katex.min.js')}}"></script>
    <script src="{{asset('user-panel/app-assets/vendors/js/editors/quill/highlight.min.js')}}"></script>
    <script src="{{asset('user-panel/app-assets/vendors/js/editors/quill/quill.min.js')}}"></script>

    <script src="{{asset('user-panel/app-assets/js/scripts/pages/page-blog-edit.js')}}"></script>

    <!-- END: Page JS-->
@endsection