@extends('cfp.layouts.master')
@section('css')
    <link rel="stylesheet" href="{{ asset("assets/lib/airdatepicker/css/datepicker.min.css") }}">
    <link rel="stylesheet" href="{{ asset("assets/cfp/lib/select/css/select2.min.css") }}">
@endsection
@section('content')
    <div class="content">
        <div class="row">
            <div class="col-12">
                <div class="block block-rounded block-bordered block-fx-shadow">
                    <div class="block-header block-header-default">
                        <h3 class="block-title">{{ __("cfp.NewEventCreate") }}</h3>
                        <div class="block-options">
                            <a href="{{ route('cfp.events.game') }}" class="btn btn-sm btn-success">{{ __("cfp.GoBack") }}</a>
                        </div>
                    </div>
                    <div class="block-content p-4">
                        <div class="alert alert-info a-fix">
                            {{ __("cfp.GameModeDesc") }}
                            <br><strong>{{ __("cfp.Example") }}:</strong> Evento criado em {{ now()->format("d/m/Y") }} à {{ now()->addDays(7)->format("d/m/Y") }}, não poderá ter outro evento entre esta data.
                        </div>
                        @include('cfp.components.error_alert')
                        <form class="w-100" method="post" action="{{ route("cfp.api.game.create") }}">
                            @csrf
                            <div class="row">
                                <div class="col-lg-8 col-12">
                                    @include("components.form-group", [
                                        "label" => "Title",
                                        "name" => "title",
                                        "value" => old("title"),
                                        "placeholder" => "Title of Event ..."
                                    ])
                                    @include("components.form-group", [
                                        "control" => "textarea",
                                        "label" => "Description",
                                        "name" => "desc",
                                        "value" => old("desc"),
                                        "placeholder" => "Description of Event ..."
                                    ])
                                    <div class="row">
                                        <div class="col-lg-6 col-12">
                                            <div class="form-group">
                                                <label for="mode">{{ __("cfp.GameMode") }}</label>
                                                <select name="mode" class="form-control form-control-alt modes-input" id="mode">
                                                    <option value="-1">{{ __("cfp.WhichMode") }}</option>
                                                    @forelse ($modes as $mode)
                                                        <option value="{{ $mode->MODE_TAG }}" @if($mode->USE_C4 == 'Y') data-pd="true" @endif @if($mode->SUBMODES_YN == 'Y') data-sm="true" @endif>{{ $mode->MODE_NAME }}</option>
                                                    @empty
                                                        <option value="">{{ __("cfp.NoRegisteredMode") }}.</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-12">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label for="subMode">{{ __("cfp.SubMode") }} <i class="fa fa-fw fa-question-circle tp" data-tippy-content="{{ __("cfp.OnlyEnableSubMode") }}"></i></label>
                                                    <div class="custom-control custom-switch custom-control-lg mt-1">
                                                        <input type="checkbox" class="custom-control-input subMode" id="subMode" name="subMode" disabled>
                                                        <label class="custom-control-label" for="subMode">{{ __("cfp.IncludeSubMode") }}</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group">
                                                <label for="map">Map</label>
                                                <select name="map" class="form-control form-control-alt modes-input" id="map">
                                                    <option value="-1">Any Map</option>
                                                    @forelse ($maps as $map)
                                                        @if (strcmp(Helper::game_getMapGameMode($map->ROUND_TYPE), "Deactivated") == 0)
                                                            @continue
                                                        @endif
                                                        <option value="{{ $map->MAP_ID }}">{{ $map->MAP_NAME }} ({{ Helper::game_getMapGameMode($map->ROUND_TYPE) }})</option>
                                                    @empty
                                                        <option value="">{{ __("cfp.MapRegistered") }}.</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @include("components.form-group", [
                                        "label" => "Minimum Players",
                                        "name" => "min",
                                        "type" => "number",
                                        "value" => old("min"),
                                        "placeholder" => "Minimum amount of players ..."
                                    ])
                                    <div class="row">
                                        <div class="col-12">
                                            <h5>{{ __("cfp.EventObjective") }}</h5>
                                            @for ($i = 1; $i <= 5; $i++)
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="form-group bg-body-dark mb-2 p-2 rounded" style="border: 1px solid rgba(0, 0, 0, 0.1);">
                                                            <label for="obj{{ $i }}">Objetivo N. {{ $i }} @if ($i >= 2) (Opcional) @else <strong class="text-danger">(Required)</strong> @endif</label>
                                                            <fieldset data-obj="{{ $i }}" @if ($i >= 2) disabled @endif>
                                                                <div class="row">
                                                                    <div class="col-lg-6 col-12">
                                                                        <select name="obj{{ $i }}" class="form-control objNames">
                                                                            <option value="K">{{ __("cfp.EnemyEliminated") }}</option>
                                                                            <option value="H">{{ __("cfp.HeadshotsEliminated") }}</option>
                                                                            <option value="C" data-pd="true">{{ __("cfp.C4Task") }}</option>
                                                                            <option value="T">{{ __("cfp.PlayTime") }}</option>
                                                                            <option value="E">{{ __("cfp.ExpTotal") }}</option>
                                                                            <option value="P">{{ __("cfp.ExpTotalNoVIP") }}</option>
                                                                            <option value="W">{{ __("cfp.WonMatches") }}</option>
                                                                            <option value="M">{{ __("cfp.PlayedMatches") }}</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-lg-6 col-12">
                                                                        <input type="number" name="obj{{ $i }}_cnt" class="form-control" placeholder="Amount ..." min="0" />
                                                                    </div>
                                                                </div>
                                                                <div class="row mt-1">
                                                                    <div class="col-12">
                                                                        <select name="obj{{ $i }}_item" class="form-control input-single" data-url="{{ route("cfp.api.getItems") }}" multiple></select>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                            @if ($i >= 2)
                                                                <div class="row mt-1">
                                                                    <div class="col-12">
                                                                        <div class="custom-control custom-checkbox custom-checkbox-square custom-control-lg custom-control-success">
                                                                            <input type="checkbox" class="custom-control-input" id="objActive_{{ $i }}" name="objActive_{{ $i }}" data-obj="{{ $i }}">
                                                                            <label class="custom-control-label" for="objActive_{{ $i }}">{{ __("cfp.EnableGoal") }}</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            @endfor
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="form-group bg-body-dark mb-2 p-2">
                                                        <label for="objFinal">{{ __("cfp.FinalReward") }} <i class="fa fa-fw fa-question-circle tp" data-tippy-content="{{ __("cfp.FinalRewardDesc") }}"></i></label>
                                                        <select name="itemFinal" class="form-control input-single" data-url="{{ route("cfp.api.getItems") }}" multiple></select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="image">{{ __("cfp.URLImage") }}</label>
                                        <div class="bg-body-dark rounded p-2 mb-2">
                                            <a href="{{ asset("assets/cfp/images/img-preview.png") }}" data-fancybox="preview">
                                                <div class="img-preview img-fluid" style="background-image: url({{ asset("assets/cfp/images/img-preview.png") }}); background-position: center; width: 100%; height: 60px; max-width: 342px; max-height: 60px;"></div>
                                            </a>
                                        </div>
                                        @include("cfp.components.form-group", [
                                            "no_label" => true,
                                            "label" => "Image URL",
                                            "name" => "url",
                                            "extra_cls" => "preview",
                                            "value" => old("url")
                                        ])
                                    </div>
                                    @include("cfp.components.form-group", [
                                        "label" => "Start Date and Time",
                                        "name" => "startDate",
                                        "value" => old("startDate"),
                                        "placeholder" => "Click to select ...",
                                        "autocomplete" => true,
                                        "extra_cls" => "dtpicker"
                                    ])
                                    @include("cfp.components.form-group", [
                                        "label" => "End Date and Time",
                                        "name" => "endDate",
                                        "value" => old("endDate"),
                                        "placeholder" => "Click to select ...",
                                        "autocomplete" => true,
                                        "extra_cls" => "dtpicker"
                                    ])
                                </div>
                                <div class="col-12">
                                    @include('cfp.components.form-group', ["control" => "button", "value" => "Create Event"])
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script src="{{ asset("assets/lib/airdatepicker/js/datepicker.min.js") }}"></script>
    <script src="{{ asset("assets/lib/airdatepicker/js/i18n/datepicker.en.js") }}"></script>
    <script src="{{ asset("assets/cfp/lib/select/js/select2.full.min.js") }}"></script>
    <script src="{{ asset("assets/cfp/lib/select/js/i18n/pt-BR.js") }}"></script>
@endsection