@extends('layouts.master')

@section('page-title')
    ESA Money Drop
@endsection

@section('menu')
    {{ __('Bonuses') }}
@endsection

@section('sub-menu')
    {{ __('Campaigns') }}
@endsection

@section("additional")
    @php $state = GetMDState($params['status'], $params['start_date_utc'], $params['end_date_utc'], $params['id']);@endphp
    <div class="col-sm-6 d-flex">

        <div class="ml-auto">
            @if($state === 'pending')
                <h5>{{ __('Days until campaign start: ') }} {{ $days_left }}</h5>
                <h5>{{ __('Planned campaign duration: ') }} {{ $campaign_duration }} day(s)</h5>
            @elseif($state === 'finished')
                <h5>{{ __('Campaign is finished')}}</h5>
                <h5>{{ __('Planned campaign duration: ') }} {{ $campaign_duration }} day(s)</h5>
            @else
                <h5>{{ __('Days left: ') }} {{ $days_left }}</h5>
                <h5>{{ __('Total campaign duration: ') }} {{ $campaign_duration }} day(s)</h5>
            @endif
        </div>
    </div>
@endsection

@section('content')
    <form method="post" action="{{ route('esa.tools.update.money.drop.campaign', ['campaign_id' => $params['id']]) }}"
          class="campaignForm">
        @csrf
        <div class="row">
            <div class="col-md-2">
                @if(isset($params['campaign_id']))
                    <input type="hidden" name="campaign_id" value="{{ $params['campaign_id'] }}">
                @endif


                <div class="form-group">
                    <label>{{ __('Campaign name (public name):') }}</label>
                    <input class="form-control" name="name" value="{{ GetFromRequestOrVar($params, 'name', '') }}"
                           pattern="^[a-zA-Z0-9\s]+$" {{ $state != 'pending' ? 'disabled' : '' }}>
                    @if (isset($validator) && $validator->errors()->first('name'))
                        <div class="alert alert-danger mt-2">
                            {{ $validator->errors()->first('name') }}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label>{{ __('Campaign Description (internal use):') }}</label>
                    <input class="form-control" name="description"
                           value="{{ GetFromRequestOrVar($params, 'description', '') }}"
                           pattern="^[a-zA-Z0-9\s]+$" {{ $state != 'pending' ? 'disabled' : '' }}>
                </div>
                {{-- <div class="form-group">
                    <label>{{ __('Campaign Type:') }}</label>
                    {!! Form::select('type', Config::get('globalvar.campaigntypes'), GetFromRequestOrVar($params, 'type', ''), ['class' => 'form-control']) !!}
                </div> --}}
                <div class="form-group">
                    <label>{{ __('Current Status:') }}</label>
                    {!! Form::select('status', Config::get('globalvar.campaignstatuses'), GetFromRequestOrVar($params, 'status', ''), ['class' => 'form-control',  $state != 'pending' ? 'disabled' : '' ]) !!}
                </div>

                <div class="form-group">
                    <label>{{ __('Allow Or Exclude Partner And Skins:') }}</label>
                    <select class="form-control allow-or-exclude"
                            name="allow_or_exclude_skins" {{ $state != 'pending' ? 'disabled' : '' }}>
                        <option value="0" {{ $partner_skins_allowed == '0' ? 'selected' : '' }}>Allow</option>
                        <option value="1" {{ $partner_skins_allowed == '1' ? 'selected' : '' }}>Exclude</option>
                    </select>
                </div>

                <div class="form-group">
                    <label>{{ __('Select Partners:') }}</label>

                    {{-- @dd($selectedPartner, $partnerSelect->pluck('id')->toArray(), in_array($selectedPartner, $partnerSelect->pluck('id')->toArray())) --}}
                    <select class="form-control partner_select_edit_campaign multiple_partner_select js-select2"
                            multiple="multiple" name="partner_select[]" {{ $state != 'pending' ? 'disabled' : '' }}>
                        <option value="-1">{{ __('All') }}</option>
                        @foreach ($partnerSelect as $partner)
                            <option value="{{ $partner->id }}"
                                {{ isset($selectedPartner) && in_array($partner->id, $selectedPartner) ? 'selected' : '' }}
                                {{ in_array($partner->id, GetFromRequestOrVar($params, 'partner_select', [])) ? 'selected' : '' }}>
                                {{ $partner->description }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label>{{ __('Select Skins:') }}</label>
                    <select class="form-control select-skin js-select2" multiple="multiple" id="mySelect2"
                            name="skin_ids[]" {{ $state != 'pending' ? 'disabled' : '' }}>
                        @if($selectedSkins)
                            @foreach ($selectedSkins as $skin)
                                <option value="{{ $skin->providerid }}-{{$skin->external_id }}"
                                        selected> {{ $skin->name }} </option>
                            @endforeach
                        @endif
                    </select>
                    @if (isset($validator) && $validator->errors()->first('skin_ids'))
                        <div class="alert alert-danger mt-2">
                            {{ $validator->errors()->first('skin_ids') }}
                        </div>
                    @endif
                </div>

                <div class="form-group">

                    <label>{{ __('From:') }}</label>
                    <input type="text" class="form-control js-datepicker" id="start_date" placeholder="yyyy-mm-dd hh:mm"
                           name="start_date" value="{{ GetFromRequestOrVar($params, 'start_date', '') }}"
                           autocomplete="off" {{ $state != 'pending' ? 'disabled' : '' }}>
                    @if (isset($validator) && $validator->errors()->first('start_date'))
                        <div class="alert alert-danger mt-2">
                            {{ $validator->errors()->first('start_date') }}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label>{{ __('To:') }}</label>
                    <input type="text" class="form-control js-datepicker-to" id="end_date"
                           placeholder="yyyy-mm-dd hh:mm"
                           name="end_date" value="{{ GetFromRequestOrVar($params, 'end_date', '') }}"
                           autocomplete="off" {{ $state != 'pending' ? 'disabled' : '' }}>
                    @if (isset($validator) && $validator->errors()->first('end_date'))
                        <div class="alert alert-danger mt-2">
                            {{ $validator->errors()->first('end_date') }}
                        </div>
                    @endif
                </div>

            </div>


            <div class="col-md-3">
                <div class="form-group">
                    <label>{{ __('Select games:') }}</label>
                    @php
                        $games = $gameSelect->where('provider_id', '=', 2000);
                    @endphp

                    <select class="form-control js-select2" multiple="multiple" name="games-array[]"
                            placeholder="{{ __('Select games') }}" {{ $state != 'pending' ? 'disabled' : '' }}>
                        @foreach ($games as $key => $game)
                            <option
                                {{ in_array($game->internal_game_id, GetFromRequestOrVar($params, 'games-array', [])) ? 'selected' : '' }}
                                value="{{ $game->internal_game_id }}"> {{ $game->getGameName() }}</option>
                        @endforeach
                    </select>

                    @if (isset($validator) && $validator->errors()->first('games-array'))
                        <div class="alert alert-danger mt-2">
                            {{ $validator->errors()->first('games-array') }}
                        </div>
                    @endif
                </div>

                {{-- category not needed for now --}}
                {{-- <div class="form-group">
                    <label>{{ __('Select game categories:') }}</label>
                    <select class="form-control" name="wagering_game_category_id">
                        <option value="-1" selected>
                            None Selected
                        </option>
                        @foreach ($gameCategorySelect as $key => $gameCategory)
                            <option
                                {{ GetFromRequestOrVar($params, 'wagering_game_category_id', '') == $gameCategory->id ? 'selected' : '' }}
                                value="{{ $gameCategory->id }}"> {{ $gameCategory->name }}</option>
                        @endforeach
                    </select>
                </div> --}}

                <div class="form-group mt-3">
                    <label>{{ __('Rules:') }}</label>

                    <div class="row" id="copied-rules-wrapper">
                        <div class="col-12">
                            @if(count($campaignRules) > 0)
                                @foreach ($campaignRules as $key => $rule )
                                    <div class="row align-items-center mb-3" id={{ $key }}>
                                        <div class="col-3">
                                            <label>{{ GetLanguageByCode($key) }}</label>
                                        </div>
                                        <div class="col-9">
                                            <textarea name='rules[{{$key}}]' class="form-control ml-auto" id=""
                                                      cols="60"
                                                      rows="3" {{ $state != 'pending' ? 'disabled' : '' }}>{{ $rule }}</textarea>
                                        </div>
                                    </div>
                                @endforeach

                            @else
                                <div class="row align-items-center mb-3" id='en'>
                                    <div class="col-3">
                                        <label>{{ GetLanguageByCode('en') }}</label>
                                    </div>
                                    <div class="col-9">
                                        <textarea name='rules[en]' class="form-control ml-auto" id="" cols="60"
                                                  rows="3" {{ $state != 'pending' ? 'disabled' : '' }}></textarea>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>


                    <div class="rules-wrapper">

                    </div>
                    @if($state == 'pending')
                        <div class="form-group mt-5">
                            <div class="row">
                                <div class="col-4">
                                    <select name="languages" class="form-control select-language">
                                        @foreach (getLanguages() as $code => $language)
                                            <option value="{{ $code }}"
                                                    data-name= {{ $language }}> {{ $language }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-4">
                                    <a href="#"
                                       class="btn btn-xs btn-primary ml-1 add-rule">{{ __('Add Language') }}</a>
                                </div>

                                <div class="col-4">
                                    <a href="#" data-modalid='copy_rules'
                                       data-url="{{ route('esa.tools.copy.money.drop.rules.form') }}"
                                       data-maxwidth="600"
                                       data-modaltitle="{{ __('Copy Rules From Another Money Drop Campaign') }}"
                                       class='js-modal btn btn-warning'
                                       data-removesubmit=true
                                       data-savetext="{{ __('Copy rules') }}">{{ __('Copy rules') }}</a>
                                </div>
                            </div>
                        </div>
                    @endif

                    <span class="language-duplicate text-danger w-100 text-center"></span>
                </div>

            </div>

            <div class="col-7">
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-10">
                                <div class="form-group">
                                    <label for="">{{ __('Currency:') }}</label>

                                    <select class="form-control"
                                            name="currency_name" {{ $state != 'pending' ? 'disabled' : '' }}>
                                        <option value="">
                                            @lang('Please Select Currency')
                                        </option>
                                        @foreach ($currencies as $currency)
                                            <option
                                                {{ GetFromRequestOrVar($params, 'currency_name', '') == $currency->name ? 'selected' : '' }}
                                                value="{{ $currency->name }}"
                                                {{ isset($currency_name) && $currency->name == $currency_name ? 'selected' : '' }}>
                                                {{ $currency->name }}
                                            </option>
                                        @endforeach
                                    </select>

                                    @if (isset($validator) && $validator->errors()->first('currency_name'))
                                        <div class="alert alert-danger mt-2">
                                            {{ $validator->errors()->first('currency_name') }}
                                        </div>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="">Prize pool</label>
                                    <input type="number" class="form-control" name="prize_pool" value="0" min="0"
                                           disabled>
                                </div>
                            </div>
                        </div>

                        @if(isset($validator))
                            @foreach ($params['number_of_prizes'] as $key => $value)
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label for="">{{ __('Number of prizes:') }}</label>
                                            <input type="number" class="form-control number_of_prizes"
                                                   name="number_of_prizes[]" value="{{ $value }}" min="0"
                                                   oninput="validity.valid||(value='');">
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label for="">{{ __('Prize value:') }}</label>
                                            <input type="number" class="form-control prize_value" name="prize_value[]"
                                                   value="{{ $params['prize_value'][$key] }}" min="0">
                                        </div>
                                    </div>

                                    @if ($loop->last)
                                        <div class="col-md-2 justify-content-center align-items-center d-flex">
                                            <i class="fa fa-plus fa-2x pointer add_new_prize_type" data-toggle="tooltip"
                                               data-html="true" title="Add a new prize type"></i>
                                        </div>
                                        {{-- @else
                                    <div class="col-md-2 justify-content-center align-items-center d-flex">
                                        <i class="fa fa-minus fa-2x pointer remove_new_prize_type" data-toggle="tooltip"
                                            data-html="true" title="Remove fields"></i>
                                    </div> --}}
                                    @endif

                                    <div class="col-12">
                                        <span class="prizes_error text-danger w-100 text-center"></span>
                                    </div>

                                    <div class="col-12">
                                        @if ($validator->errors()->first('number_of_prizes.' . $key))
                                            <div class="alert alert-danger mt-2">

                                                {{ $validator->errors()->first('number_of_prizes.' . $key) }}
                                            </div>
                                        @endif
                                    </div>


                                    <div class="col-12">
                                        @if (isset($validator) && $validator->errors()->first('prize_value.' . $key . ''))
                                            <div class="alert alert-danger mt-2">
                                                {{ $validator->errors()->first('prize_value.' . $key . '') }}
                                            </div>
                                        @endif
                                    </div>

                                </div>
                            @endforeach
                            <div class="input_fields_wrap"></div>
                        @else
                            <div class="input_fields_wrap">

                                @foreach ($prize_rewards as $reward)
                                    <div class="row" id="main_prize_inputs">
                                        <div class="col-md-5">
                                            <div class="form-group">
                                                <label for="">{{ __('Number of prizes:') }}</label>
                                                <input type="number" class="form-control number_of_prizes"
                                                       name="number_of_prizes[]" value="{{ $reward->total_rewards }}"
                                                    {{ $state != 'pending' ? 'disabled' : '' }}>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="form-group">
                                                <label for="">{{ __('Prize value:') }}</label>
                                                <input type="number" class="form-control prize_value"
                                                       name="prize_value[]"
                                                       value="{{ $reward->prize / 100 }}" {{ $state != 'pending' ? 'disabled' : '' }}>
                                            </div>
                                        </div>

                                        @if(!$loop->last && $state == 'pending')
                                            <div class="col-md-2 justify-content-center align-items-center d-flex">
                                                <i class="fa fa-times fa-2x pointer remove_fields"
                                                   data-toggle="tooltip"
                                                   data-html="true" title="Remove fields"></i>
                                            </div>
                                        @endif
                                        @if ($loop->last && $state == 'pending')
                                            <div class="col-md-2 justify-content-center align-items-center d-flex">
                                                <i class="fa fa-plus fa-2x pointer add_new_prize_type"
                                                   data-toggle="tooltip"
                                                   data-html="true" title="Add a new prize type"></i>
                                            </div>
                                        @endif
                                    </div>
                                @endforeach
                            </div>

                            <div class="row">
                                <div class="col-12">
                                    @if (isset($validator) && $validator->errors()->first('number_of_prizes.*'))
                                        <div class="alert alert-danger mt-2">
                                            {{ $validator->errors()->first('number_of_prizes.*') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endif
                    </div>

                    {{-- progres bars --}}
                    @if (!$prize_rewards->isEmpty())
                        <div class="col-md-6">
                            <div class="form-group">
                                <h5>{{ __('Used From Pool') }}</h5>
                                <div class="progress" style="height: 20px !important">
                                    <div
                                        class="progress-bar font-weight-bold {{ $prize_rewards->sum('prize_pool_used') == 0 ? 'text-center text-dark' : '' }}"
                                        role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
                                        style="width:{{ ($prize_rewards->sum('prize_pool_used') * 100) / $prize_rewards->sum('prize_pool') }}%">
                                        {{ $prize_rewards->sum('prize_pool_used') / 100 }} /
                                        {{ $prize_rewards->sum('prize_pool') / 100}} {{ $currency_name }}
                                    </div>
                                </div>
                            </div>

                            <div class="form-group mt-3">
                                <h5>{{ __('Awarded') }}</h5>
                            </div>

                            @foreach ($prize_rewards as $key => $reward)
                                @php
                                    $prize_pool = $reward->total_rewards * $reward->prize;
                                    $width = ($reward->prize_awarded * 100) / $reward->total_rewards;
                                @endphp
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-3"><label>{{ $reward->prize / 100 }}
                                                {{ $currency_name }}</label></div>
                                        <div class="col-9">
                                            <div class="progress" style="height: 20px !important">
                                                <div
                                                    class="progress-bar font-weight-bold {{ $reward->prize_awarded == 0 ? 'text-center text-dark' : '' }}"
                                                    role="progressbar" aria-valuenow="70" aria-valuemin="0"
                                                    aria-valuemax="100" style="width:{{ $width }}%">
                                                    {{ $reward->prize_awarded }} / {{ $reward->total_rewards }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                        </div>
                    @endif
                </div>
            </div>

        </div>

        @if($state == 'pending')
            <div class="pull-right">
                <a href="{{ route('esa.tools.get.money.drop.campaigns') }}"
                   class="btn btn-success">{{ __('Cancel') }}</a>
                {{-- @if (isset($params["id"]))
                    <button type="submit" name="copy" value="on" class="btn btn-info">{{ __('Copy campaign') }}</button>
                @endif --}}
                <button class="btn btn-primary" id="submit-campaign">{{ __('Save changes') }}</button>
            </div>
        @endif
    </form>
@endsection


@section('script')
    {{-- <script type="text/javascript" src="/assets/js/reports.js"></script> --}}

    <script>
        $(document).ready(function () {
            updatePrizePool();
            //setSkins();
        });

        $(document).on('click', '.add_new_prize_type', function (e) {
            e.preventDefault();

            var number_of_prizes = parseInt($(this).parent().parent().find('.number_of_prizes').val());
            var prize_value = parseInt($(this).parent().parent().find('.prize_value').val());
            var template =
                ` <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label for="">{{ __('Number of prizes:') }}</label>
                            <input type="number" class="form-control number_of_prizes" name="number_of_prizes[]" value="0" min="0" oninput="validity.valid||(value='');">
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <label for="">{{ __('Prize value:') }}</label>
                            <input type="number" class="form-control prize_value" name="prize_value[]" value="0" min="0">
                        </div>
                    </div>

                    <div class="col-md-2 justify-content-center align-items-center d-flex">
                        <i class="fa fa-plus fa-2x pointer add_new_prize_type" data-toggle="tooltip" data-html="true" title="Add a new prize type"></i>
                    </div>

                    <div class="col-12">
                        <span class="prizes_error text-danger w-100 text-center"></span>
                    </div>
                </div>`;


            if ((number_of_prizes !== 0 && !isNaN(number_of_prizes)) && (prize_value !== 0 && !isNaN(
                prize_value))) {
                $('.input_fields_wrap').append(template);
                $(this).parent().parent().find('.prizes_error').text("");
                // $(this).remove();
                $('[data-toggle="tooltip"]').tooltip();

                $(this).attr("data-original-title", "Remove fields");
                $(this).addClass("remove_fields fa-times").removeClass("add_new_prize_type fa-plus");

            } else {
                $(this).parent().parent().find('.prizes_error').text(
                    "Number of prizes or prize value cannot be 0 or empty");
            }

        });

        $(document).on('click', '.remove_fields', function (e) {
            e.preventDefault();
            $(this).tooltip('hide');
            var fields_wraper = $(this).parent().parent();
            fields_wraper.remove();
            updatePrizePool();

        });


        $(document).on('click', '.add-rule', function (e) {
            e.preventDefault();

            var language_iso = $('.select-language').val();
            var language_name = $('.select-language').find(':selected').data('name');

            var field_exist = $("#" + language_iso).length;

            if (field_exist > 0) {
                $('.language-duplicate').text(`${language_name} language is already added.`)
            } else {
                $('.language-duplicate').text("")
                var template = `
                    <div class="row align-items-center" id='${language_iso}'>
                        <div class="col-3">
                            <label>{{ __('${language_name}:') }}</label>
                        </div>

                        <div class="col-9">
                            <textarea name='rules[${language_iso}]' class="form-control ml-auto" id="" cols="60" rows="3"></textarea>
                        </div>
                    </div>
                `;

                $('.rules-wrapper').append(template);
            }


        });


        function updatePrizePool() {
            var subtotal = 0;
            $('.number_of_prizes').each(function () {
                var quantity = $(this).val();
                var prize_value = $(this).parent().parent().parent().find('.prize_value').val();
                subtotal += quantity * prize_value;
            });
            $('input[name=prize_pool]').val(subtotal);
        }

        function setSkins() {
            var partners_ids = $(".multiple_partner_select").val();
            var token = $('meta[name="csrf_token"]').attr('content');

            $.ajax({

                data: {
                    "_token": token,
                    'partners_ids': partners_ids
                },
                type: 'GET',
                url: "/bonuses/partner-skins",
                beforeSend: function () {
                    $("#loading").show();
                },
                success: function (response) {

                    if (response) {
                        var mySelect = $('.select-skin');
                        mySelect.find('option').remove()
                        if (partners_ids.length > 0) {
                            $.each(response, function (key, value) {
                                mySelect.append(
                                    `<option value='${value.providerid}-${value.external_id}' selected>${value.name}</option>`
                                )
                            });
                        }


                        if (partners_ids.length > 0) {
                            mySelect.prop("disabled", false);
                            $("#submit-campaign").removeAttr('disabled');
                        } else {
                            mySelect.prop("disabled", true);
                            $("#submit-campaign").attr('disabled', 'disabled');
                        }
                    }

                },
                complete: function () {
                    $("#loading").hide();
                }
            });
        }

        $(document).on('change', '.number_of_prizes, .prize_value', function () {
            updatePrizePool();
        });


        $(".multiple_partner_select").on("change", function () {
            setSkins();
        });


        $(document).on('click', '.js-custom-submit', function (e) {
            e.preventDefault();

            var campaign_id = $('.copy-campaign-rules').val();
            // var token = $('meta[name="csrf_token"]').attr('content');
            $.ajaxSetup({
                header: $('meta[name="_token"]').attr('content')
            });
            $.ajax({

                data: {
                    // "_token": token,
                    'campaign_id': campaign_id
                },
                type: 'GET',
                url: "{{ route('esa.tools.copy.money.drop.rules') }}",
                beforeSend: function () {
                    $("#loading").show();
                },
                success: function (response) {

                    if (response) {
                        var container = $("#copied-rules-wrapper");
                        //delete all from div
                        container.empty();

                        container.append(response.html);
                    }

                },
                complete: function () {
                    $('#copy_rules').modal('hide');

                    $("#loading").hide();
                }
            });

        });
    </script>
@endsection