@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">Bilet Al</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 ">
{{--                        Ödəniş etdim bəs necə əlavə edim? Mərhələlərə <a href="https://www.canva.com/design/DAFtCu2nNok/YYSlX7k4dXmNNInSjeaMUw/view?utm_content=DAFtCu2nNok&utm_campaign=designshare&utm_medium=link&utm_source=editor">buradan</a> baxa bilərsiniz--}}

                        {{--                                <div class="media">--}}
                        {{--                                    <div class="avatar mr-75">--}}
                        {{--                                        <img src="../../../app-assets/images/portrait/small/avatar-s-9.jpg" width="38" height="38" alt="Avatar" />--}}
                        {{--                                    </div>--}}
                        {{--                                    <div class="media-body">--}}
                        {{--                                        <h6 class="mb-25">Chad Alexander</h6>--}}
                        {{--                                        <p class="card-text">May 24, 2020</p>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        <!-- Form -->
                        <form action="{{route('userv2.comp.store')}}" method="POST" class="mt-2" enctype="multipart/form-data">
                            @csrf

                            <div class="row">
                                <div class="col-md-12">
                                    <h1 for="blog-edit-title">Əziz Anifanlar və Elektron İdman Oyunları həvəskarları!</h1>
                                    <ul>
                                        <li>
                                            Bu çempionata özəl xüsusi kommentatorlarımız olacaq ki sizin oyununuzu izləyib yayım edəcəklər və paylaşılacaq(twitch, youtube sosial şəbəkələrində).
                                            Qeydiyyatdan keçən komandalardan seçim edib çempionat edəcəyik.
{{--                                            Seçilən komanda <code>5 azn</code> ödəyəcək komandanın çempionata qoşulmağı üçün.--}}
                                        </li>
{{--                                        <li>--}}
{{--                                            Qiymət : 5 AZN--}}
{{--                                        </li>--}}
                                    </ul>
{{--                                    <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="default-select">Çempionat</label>
                                        <select id="default-select" name="event" class="select2 form-control"  >
                                            <option disabled selected>Seçim et</option>
                                            @foreach($events as $event)
                                                <option value="{{$event->id}}" @if($event->status == 0) disabled @endif>{{$event->title}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Komanda adı</label>
                                        <input type="text" id="blog-edit-slug" class="form-control" name="team_name" placeholder="TheBest" />
                                    </div>
                                </div>

                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Komanda Rəhbəri(Anifan hesabı)</label>
                                        <input type="text" id="blog-edit-slug" class="form-control" value="{{ auth()->user()->email }}" name="team_leader_mail" hidden/>
                                        <input type="text" id="blog-edit-slug" class="form-control" value="{{ auth()->user()->email }}" disabled/>
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Rank</label>
                                        <select class="form-control" name="team_leader_rank">
                                            <option value="iron">Iron</option>
                                            <option value="bronze">Bronze</option>
                                            <option value="silver">Silver</option>
                                            <option value="gold">Gold</option>
                                            <option value="platinum">Platinum</option>
                                            <option value="diamond">Diamond</option>
                                            <option value="ascendant">Ascendant</option>
                                            <option value="immortal">Immortal</option>
                                            <option value="radiant">Radiant</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Komanda yoldaşı 1 (Anifan hesabı)</label>
                                        <input type="text" id="blog-edit-slug" class="form-control" name="team1_mail" placeholder="hesab@gmail.com" />
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Rank</label>
                                        <select class="form-control" name="team1_rank">
                                            <option value="iron">Iron</option>
                                            <option value="bronze">Bronze</option>
                                            <option value="silver">Silver</option>
                                            <option value="gold">Gold</option>
                                            <option value="platinum">Platinum</option>
                                            <option value="diamond">Diamond</option>
                                            <option value="ascendant">Ascendant</option>
                                            <option value="immortal">Immortal</option>
                                            <option value="radiant">Radiant</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Komanda yoldaşı 2 (Anifan hesabı)</label>
                                        <input type="text" id="blog-edit-slug" class="form-control" name="team2_mail" placeholder="hesab@gmail.com" />
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Rank</label>
                                        <select class="form-control" name="team2_rank">
                                            <option value="iron">Iron</option>
                                            <option value="bronze">Bronze</option>
                                            <option value="silver">Silver</option>
                                            <option value="gold">Gold</option>
                                            <option value="platinum">Platinum</option>
                                            <option value="diamond">Diamond</option>
                                            <option value="ascendant">Ascendant</option>
                                            <option value="immortal">Immortal</option>
                                            <option value="radiant">Radiant</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Komanda yoldaşı 3 (Anifan hesabı)</label>
                                        <input type="text" id="blog-edit-slug" class="form-control" name="team3_mail" placeholder="hesab@gmail.com" />
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Rank</label>
                                        <select class="form-control" name="team3_rank">
                                            <option value="iron">Iron</option>
                                            <option value="bronze">Bronze</option>
                                            <option value="silver">Silver</option>
                                            <option value="gold">Gold</option>
                                            <option value="platinum">Platinum</option>
                                            <option value="diamond">Diamond</option>
                                            <option value="ascendant">Ascendant</option>
                                            <option value="immortal">Immortal</option>
                                            <option value="radiant">Radiant</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Komanda yoldaşı 4 (Anifan hesabı)</label>
                                        <input type="text" id="blog-edit-slug" class="form-control" name="team4_mail" placeholder="hesab@gmail.com" />
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="form-group mb-2">
                                        <label for="blog-edit-slug">Rank</label>
                                        <select class="form-control" name="team4_rank">
                                            <option value="iron">Iron</option>
                                            <option value="bronze">Bronze</option>
                                            <option value="silver">Silver</option>
                                            <option value="gold">Gold</option>
                                            <option value="platinum">Platinum</option>
                                            <option value="diamond">Diamond</option>
                                            <option value="ascendant">Ascendant</option>
                                            <option value="immortal">Immortal</option>
                                            <option value="radiant">Radiant</option>
                                        </select>
                                    </div>
                                </div>
                                {{--                                <div class="col-md-6 col-12">--}}
{{--                                    <div class="form-group mb-2">--}}
{{--                                        <label for="blog-edit-category">Bizi haradan eşitmisiniz?</label>--}}
{{--                                        <select id="blog-edit-category" name="category[]" class="select2 form-control" multiple>--}}
{{--                                            <option value="anifan" selected>Anifan</option>--}}
{{--                                            <option value="sakura">Sakura</option>--}}
{{--                                            <option value="dost">Dost</option>--}}
{{--                                            <option value="other">Başqa</option>--}}
{{--                                        </select>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                                                        <div class="col-md-6 col-12">--}}
{{--                                                                            <div class="form-group mb-2">--}}
{{--                                                                                <label for="blog-edit-slug">Slug</label>--}}
{{--                                                                                <input type="text" id="blog-edit-slug" class="form-control" value="the-best-features-coming-to-ios-and-web-design" />--}}
{{--                                                                            </div>--}}
{{--                                                                        </div>--}}
                                {{--                                        <div class="col-md-6 col-12">--}}
                                {{--                                            <div class="form-group mb-2">--}}
                                {{--                                                <label for="blog-edit-status">Status</label>--}}
                                {{--                                                <select class="form-control" id="blog-edit-status">--}}
                                {{--                                                    <option value="Published">Published</option>--}}
                                {{--                                                    <option value="Pending">Pending</option>--}}
                                {{--                                                    <option value="Draft">Draft</option>--}}
                                {{--                                                </select>--}}
                                {{--                                            </div>--}}
                                {{--                                        </div>--}}
{{--                                <div class="col-12 mb-2">--}}
{{--                                    <div class="border rounded p-2">--}}
{{--                                        <h4 class="mb-1">Ödəniş Qəbzi</h4>--}}
{{--                                        <div class="media flex-column flex-md-row">--}}
{{--                                            <img src="{{asset('user-panel/app-assets/images/slider/03.jpg')}}" id="blog-feature-image" class="rounded mr-2 mb-1 mb-md-0" width="170" height="110" alt="Blog Featured Image" />--}}
{{--                                            <div class="media-body">--}}
{{--                                                --}}{{--                                                        <small class="text-muted">Required image resolution 800x400, image size 10mb.</small>--}}
{{--                                                <p class="my-50">--}}
{{--                                                    --}}{{--                                                            <a href="javascript:void(0);" id="blog-image-text">C:\fakepath\banner.jpg</a>--}}
{{--                                                </p>--}}
{{--                                                <div class="d-inline-block">--}}
{{--                                                    <div class="form-group mb-0">--}}
{{--                                                        <div class="custom-file">--}}
{{--                                                            <input type="file" name="invoice" class="custom-file-input" id="blogCustomFile" />--}}
{{--                                                            <label class="custom-file-label" for="blogCustomFile">Fayl seç</label>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </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