@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.editApi',[$id])}}" 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->id == $result->event_id) selected @endif @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"
                                               placeholder="TheBest" name="team_name" value="{{$result->team_name}}"/>
                                    </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="{{ $result->team_leader_mail }}" 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"
                                                    @if($result->team_leader_rank == 'iron') selected @endif>Iron
                                            </option>
                                            <option value="bronze"
                                                    @if($result->team_leader_rank == 'bronze') selected @endif>Bronze
                                            </option>
                                            <option value="silver"
                                                    @if($result->team_leader_rank == 'silver') selected @endif>Silver
                                            </option>
                                            <option value="gold"
                                                    @if($result->team_leader_rank == 'gold') selected @endif>Gold
                                            </option>
                                            <option value="platinum"
                                                    @if($result->team_leader_rank == 'platform') selected @endif>
                                                Platinum
                                            </option>
                                            <option value="diamond"
                                                    @if($result->team_leader_rank == 'diamond') selected @endif>Diamond
                                            </option>
                                            <option value="ascendant"
                                                    @if($result->team_leader_rank == 'ascendant') selected @endif>
                                                Ascendant
                                            </option>
                                            <option value="immortal"
                                                    @if($result->team_leader_rank == 'immortal') selected @endif>
                                                Immortal
                                            </option>
                                            <option value="radiant"
                                                    @if($result->team_leader_rank == 'radiant') selected @endif>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" value="{{$result->team1_mail}}"/>
                                    </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" @if($result->team1_rank == 'iron') selected @endif>
                                                Iron
                                            </option>
                                            <option value="bronze" @if($result->team1_rank == 'bronze') selected @endif>
                                                Bronze
                                            </option>
                                            <option value="silver" @if($result->team1_rank == 'silver') selected @endif>
                                                Silver
                                            </option>
                                            <option value="gold" @if($result->team1_rank == 'gold') selected @endif>
                                                Gold
                                            </option>
                                            <option value="platinum"
                                                    @if($result->team1_rank == 'platform') selected @endif>Platinum
                                            </option>
                                            <option value="diamond"
                                                    @if($result->team1_rank == 'diamond') selected @endif>Diamond
                                            </option>
                                            <option value="ascendant"
                                                    @if($result->team1_rank == 'ascendant') selected @endif>Ascendant
                                            </option>
                                            <option value="immortal"
                                                    @if($result->team1_rank == 'immortal') selected @endif>Immortal
                                            </option>
                                            <option value="radiant"
                                                    @if($result->team1_rank == 'radiant') selected @endif>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" value="{{$result->team2_mail}}"/>
                                    </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" @if($result->team2_rank == 'iron') selected @endif>
                                                Iron
                                            </option>
                                            <option value="bronze" @if($result->team2_rank == 'bronze') selected @endif>
                                                Bronze
                                            </option>
                                            <option value="silver" @if($result->team2_rank == 'silver') selected @endif>
                                                Silver
                                            </option>
                                            <option value="gold" @if($result->team2_rank == 'gold') selected @endif>
                                                Gold
                                            </option>
                                            <option value="platinum"
                                                    @if($result->team2_rank == 'platform') selected @endif>Platinum
                                            </option>
                                            <option value="diamond"
                                                    @if($result->team2_rank == 'diamond') selected @endif>Diamond
                                            </option>
                                            <option value="ascendant"
                                                    @if($result->team2_rank == 'ascendant') selected @endif>Ascendant
                                            </option>
                                            <option value="immortal"
                                                    @if($result->team2_rank == 'immortal') selected @endif>Immortal
                                            </option>
                                            <option value="radiant"
                                                    @if($result->team2_rank == 'radiant') selected @endif>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" value="{{$result->team3_mail}}"/>
                                    </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" @if($result->team3_rank == 'iron') selected @endif>
                                                Iron
                                            </option>
                                            <option value="bronze" @if($result->team3_rank == 'bronze') selected @endif>
                                                Bronze
                                            </option>
                                            <option value="silver" @if($result->team3_rank == 'silver') selected @endif>
                                                Silver
                                            </option>
                                            <option value="gold" @if($result->team3_rank == 'gold') selected @endif>
                                                Gold
                                            </option>
                                            <option value="platinum"
                                                    @if($result->team3_rank == 'platform') selected @endif>Platinum
                                            </option>
                                            <option value="diamond"
                                                    @if($result->team3_rank == 'diamond') selected @endif>Diamond
                                            </option>
                                            <option value="ascendant"
                                                    @if($result->team3_rank == 'ascendant') selected @endif>Ascendant
                                            </option>
                                            <option value="immortal"
                                                    @if($result->team3_rank == 'immortal') selected @endif>Immortal
                                            </option>
                                            <option value="radiant"
                                                    @if($result->team3_rank == 'radiant') selected @endif>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" value="{{$result->team4_mail}}"/>
                                    </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" @if($result->team4_rank == 'iron') selected @endif>
                                                Iron
                                            </option>
                                            <option value="bronze" @if($result->team4_rank == 'bronze') selected @endif>
                                                Bronze
                                            </option>
                                            <option value="silver" @if($result->team4_rank == 'silver') selected @endif>
                                                Silver
                                            </option>
                                            <option value="gold" @if($result->team4_rank == 'gold') selected @endif>
                                                Gold
                                            </option>
                                            <option value="platinum"
                                                    @if($result->team4_rank == 'platform') selected @endif>Platinum
                                            </option>
                                            <option value="diamond"
                                                    @if($result->team4_rank == 'diamond') selected @endif>Diamond
                                            </option>
                                            <option value="ascendant"
                                                    @if($result->team4_rank == 'ascendant') selected @endif>Ascendant
                                            </option>
                                            <option value="immortal"
                                                    @if($result->team4_rank == 'immortal') selected @endif>Immortal
                                            </option>
                                            <option value="radiant"
                                                    @if($result->team4_rank == 'radiant') selected @endif>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>
                </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