@extends('layouts.master')

@section('page-title'){{ __('Campaigns') }}@endsection

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

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

@section('content')

<form js-container ="#container-campaigns-index" class="ajax-form form-campaigns-index" action="{{ route('campaigns.search') }}">
    @csrf
    <div class="row">

        <div class="form-group col-lg-1 p-0 mr-1">
            <label>{{ __('Campaign id:') }}</label>
            <input type="text" class="form-control" name="campaignid"  placeholder="{{ __('Campaign id') }}"/>
        </div>
        <div class="form-group col-lg-2 p-0 mr-1">
            <label >{{ __('From:') }}</label>
            <input type="text" class="js-datepicker form-control" id="dateFrom" placeholder="{{ __('yyyy') }}-mm-dd hh:mm" name="dateFrom" value="" autocomplete="off">
        </div>
        <div class="form-group col-lg-2 p-0 mr-1">
            <label >{{ __('To:') }}</label>
            <input type="text" class="js-datepicker-to form-control" id="dateTo" placeholder="{{ __('yyyy') }}-mm-dd hh:mm" name="dateTo" value="" autocomplete="off">
        </div>
        <div class="form-group col-lg-2 p-0 mr-1">
            <label>{{ __('Search:') }}</label>
            <input type="text" class="form-control" name="name"  placeholder="{{ __('Name or description') }}"/>
        </div>
        <div class="form-group col-lg-1 p-0 mr-1">
            <label>{{ __('Aggregator ID:') }}</label>
            <input type="text" class="form-control" name="userid" placeholder="{{ __('Aggregator ID') }}"/>
        </div>

        <div class="form-group col-lg-2">
            <label>{{ __('Partner:') }}</label>
            <select class="form-control" name="partner_select">
                <option value="-1">{{ __('All') }}</option>

                @foreach($partnerSelect as $partner)
                    <option value="{{ $partner->id }}"> {{ $partner->description }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-lg-3">
            <label>{{ __('Skin:') }}</label>
            <select class="form-control select-skin js-select2" multiple="multiple" name="skin_select[]" disabled>
                <option value="-1">{{ __('All') }}</option>
            </select>
        </div>

        <div class="form-group col-lg-1 p-0 mr-1">
            <label>{{ __('Type:') }}</label>
            <select name="type" class="form-control">
                <option value="">{{ __('All') }}</option>

                @foreach(Config::get('globalvar.campaigntypes') as $key => $value)
                    @if($key != 300)
                        <option value="{{ $key }}">{{ $value }}</option>
                    @endif
                @endforeach
            </select>
        </div>

        <div class="form-group col-lg-2">
            <label>{{ __('Main category:') }}</label>
            <select class="form-control" name="category_main">
                <option value="">{{ __('All') }}</option>
                @foreach($campaign_categories as $category)
                    @if ($category->type == 1)
                        <option value="{{ $category->id }}"> {{ $category->name }}</option>
                    @endif
                @endforeach
            </select>
        </div>

        <div class="form-group col-lg-2">
            <label>{{ __('Sub category:') }}</label>
            <select class="form-control" name="category_sec">
                <option value="">{{ __('All') }}</option>
                @foreach($campaign_categories as $category)
                    @if ($category->type == 2)
                        <option value="{{ $category->id }}"> {{ $category->name }}</option>
                    @endif
                @endforeach
            </select>
        </div>

        <div class="form-group col-lg-1 p-0 mr-1">
            <label>{{ __('Show per page:') }}</label>
            {!! Form::select('perPage', Config::get('globalvar.perpage'), null, ['class' => 'form-control']) !!}
        </div>
        <div class="form-group col-lg-1 p-0 ml-2 mt-4 align-self-center">
            <button class="js-submit btn btn-primary waves-effect waves-light">{{ __('Search') }}</button>
        </div>

        @csrf

        <div class="dropdown mo-mb-2 col-lg-12 p-0 mr-12">
            <a href="#" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ __('Add new campaign') }}</a>

            <div class="dropdown-menu">
                @if (getenv('APP_MARKET') == 'gt' || getenv('APP_MARKET') == 'mt')
                    @foreach(Config::get('globalvar.campaigntypes') as $key => $value)
                        @if($key != 300)
                            <a class="dropdown-item" href="{{ route('campaign.new', ['type' => $key]) }}">{{$value}}</a>
                        @endif
                    @endforeach
                @else
                    @foreach(Config::get('globalvar.campaigntypes') as $key => $value)

                        @if($key != 300)
                        <a class="dropdown-item" href="{{ route('campaign.new', ['type' => $key]) }}">{{$value}}</a>
                        @endif
                    @endforeach
                @endif
            </div>
            @if ((getenv('APP_MARKET') == 'gt'))

            <button class="btn btn-success waves-effect waves-light js-modal"
                    data-removesubmit = true
                    data-maxwidth = "500"
                    data-modalid = 'campaign_priorities'
                    data-modaltitle="{{ __('Campaign Priorities') }}"
                    data-url="{{ route('campaigns.priorities') }}"
                    data-savetext = "{{ __('Save') }}">{{ __('Campaign Priorities') }}</button>
            @endif

        </div>
    </div>


    <div class="m-t-20 table-responsive" style="min-height:600px" >
        <div id="container-campaigns-index">
            @if (isset($campaigns))
                @include ('partial/tables/campaigns/list-campaigns-table')
            @endif
        </div>
    </div>

</form>
<!-- end row -->

@endsection

@section('script')
    <script type="text/javascript" src="/assets/js/reports.js"></script>
    <script type="text/javascript" src="/assets/js/pages/campaign.js?{{ rand(1, 10000) }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
    <script>
        $(document).ready(function() {
            Campaign.initialize('{{ route('campaigns.priorities') }}', '{{ csrf_token() }}');
        });
    </script>

@endsection