@extends('admin.layouts.masterlayout')
@section('styles')

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css">
@endsection
@section('content')
<div class="main-content">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0">
            <!-- <div class="welcome-text">
                <h4>Create Challenge</h4>
                <span class="ml-1">Layout</span>
            </div> -->
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="{{route($modelName.'.view_challenges')}}">All Master Leauge</a></li>
                <li class="breadcrumb-item">Import Challenge</a></li>
            </ol>
        </div>
    </div>
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <h4 class="card-title">Manage Contest Imports</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        {{ Form::open(['role' => 'form','id'=>'challengeAddForm','route'=>['Challenges.create_challenge'],'files' => true,'class'=>'form-inline','method' => 'get']) }}
                        @php $matches="";
                        $getmatchid="";
                        @endphp
                        @if(isset($_GET['matchid']))
                        @php $getmatchid = $_GET['matchid']; @endphp
                        @endif
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="form-group col-md-5">
                                    <input type="hidden" name="sports_type" value="1">
                                    <select class="form-select mb-3" name="matchid" id="matchid_select" onchange="this.form.submit()">
                                        <option value=""> Select Match </option>
                                        @if(!empty($findalllistmatches))
                                        @foreach($findalllistmatches as $matches)
                                        <option value='{{$matches->matchkey}}' @if($matchid==$matches->matchkey) selected @endif>{{ucwords($matches->id)}} - {{ucwords($matches->matchname)}}- {{ucwords(date('d-m-Y H:i:s', strtotime($matches->start_date)))}} </option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <button class="btn btn-primary mb-2" type="button" onclick="window.location.href='{{ route('Challenges.create_challenge') }}'">Reset</button>

                            </div>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
        @if(isset($allchallenges) && count($allchallenges)>0)
    <div class="col-md-12">
        <div class="row " data-aos="fade-up">
            <div class="row g-3">
                @php
                $matchkey = "";
                $borderClasses = ['primary', 'success', 'danger'];
                @endphp
                @if(!empty($allchallenges))
                @foreach($allchallenges as $index => $challenge)
                @php
                $matchkey = $challenge->matchkey;
                $borderClass = $borderClasses[$index % count($borderClasses)];
                @endphp
                <div class="col-md-4">
                    <div class="card border-top border-4 border-{{$borderClass}}">
                        <div class="card-body p-4">
                            <div class="px-2 py-1 fw-medium bg-primary bg-opacity-10 text-{{$borderClass}} text-uppercase text-center rounded mb-5">{{$challenge->category_name}}</div>

                            <div class="pricing-content d-flex flex-column gap-3">
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Win Amount:</p>
                                    <p class="mb-0 fw-medium fs-6">{{$challenge->win_amount}}

                                    </p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">League Size:</p>
                                    <p class="mb-0 fw-medium fs-6">@if($challenge->challenge_type =='money')
                                        {{$challenge->maximum_user}}
                                        @else
                                        {{$challenge->winning_percentage.' % (of Total Users)'}}
                                        @endif
                                    </p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Entry Fee:</p>
                                    <p class="mb-0 fw-medium fs-6">{{$challenge->entryfee}}</p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Confirmed League:</p>
                                    <p class="mb-0 fw-medium fs-6">@if($challenge->confirmed_challenge==1)
                                        {{'Yes'}}
                                        @else
                                        {{'No'}}
                                        @endif
                                    </p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Multi Entry:</p>
                                    <p class="mb-0 fw-medium fs-6">@if($challenge->multi_entry==1)
                                        {{'Yes' }}
                                        @else
                                        {{'No'}}
                                        @endif
                                    </p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Multi Joined:</p>
                                    <p class="mb-0 fw-medium fs-6">@if(isset($challenge->is_multi_joined) && $challenge->is_multi_joined==1)
                                        {{'Yes' }}
                                        @else
                                        {{'No'}}
                                        @endif
                                    </p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Auto Repeat:</p>
                                    <p class="mb-0 fw-medium fs-6">@if($challenge->is_running==1)
                                        {{'Yes'}}
                                        @else
                                        {{'No'}}
                                        @endif
                                    </p>
                                </div>
                                @if($challenge->challenge_type =='money')
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Price Card:</p>
                                    <p class="mb-0 fw-medium fs-6">
                                        <a href="{{route($modelName.'.add_match_pricecard',base64_encode(serialize($challenge->id)))}}" style="text-decoration:underline;">Add/Edit</a>
                                    </p>
                                </div>
                                @else
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Price Card:</p>
                                    <p class="mb-0 fw-medium fs-6">
                                        <a href="{{route($modelName.'.add_match_pricecard',base64_encode(serialize($challenge->id)))}}" style="text-decoration:underline;">
                                    </p>
                                </div>
                                @endif
                                @php $findjoinedleauges = DB::table('joinedleauges')->where('challengeid', $challenge->id)->get(); @endphp
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6"></p>
                                    <p class="mb-0 fw-medium fs-6">
                                        {{ Form::open(['role' => 'form','id'=>'challengeAddForm','files' => true,'class'=>'form-inline','method' => 'get']) }}


                                        <input type="hidden" name="challenge_id" class="form-control" value="{{$challenge->id}}" required>
                                        {{-- <input type="number" name="number_of_bots" class="form-control" value="0" min="0" style="width:50px">
                                        <button class="btn btn-primary" type="submit"> Fill Bots</button> --}}


                                        {{ Form::close() }}
                                    </p>
                                </div>
                                @if(empty($findjoinedleauges[0]))
                                @if($specificMatch->status == "started")
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Match Started:</p>
                                    <p class="mb-0 fw-medium fs-6">
                                    </p>
                                </div>
                                @else
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">Leauge:</p>
                                    <p class="mb-0 fw-medium fs-6">
                                        <a href="{{route($modelName.'.edit_match_challenge',base64_encode(serialize($challenge->id)))}}" class="btn btn-grd-primary" style="cursor: pointer">
                                            <i class="material-icons-outlined">edit</i>
                                        </a>
                                        <a href="{{route($modelName.'.del_match_challenge',base64_encode(serialize($challenge->id)))}}" class="btn btn-grd-danger" style="cursor: pointer">
                                            <i class="material-icons-outlined">delete</i>
                                        </a>
                                    </p>
                                </div>
                                @endif
                                @else
                                @if($challenge->status=='canceled')
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">League:</p>
                                    <p class="mb-0 fw-medium fs-6">
                                        <a class="btn btn-primary" style="cursor: pointer">
                                            League Closed
                                        </a>
                                    </p>
                                </div>
                                @else
                                <div class="d-flex align-items-center justify-content-between">
                                    <p class="mb-0 fs-6">League:</p>
                                    <p class="mb-0 fw-medium fs-6">
                                        <a class="btn btn-primary" style="cursor: pointer">
                                            League Joined
                                        </a>
                                    </p>
                                </div>
                                @endif
                                @endif

                            </div>

                        </div>

                    </div>
                </div>
                @endforeach
                @endif
            </div>
        </div>
    </div>
</div>
@else

@endif
<!--**********************************
    Content body end
***********************************-->
@endsection