@if ( $validator && $validator->errors()->first('userId') )
    <div class="alert alert-danger">
        <strong> {{ $validator->errors()->first('userId') }}</strong>
    </div>
@endif
<form js-container="#container-campaign-details" js-callbacks="initializeDatepicker"  method="POST" action="{{ route('campaigns.details') }}">
    @csrf
    <div class="row">

        <div class="form-group col-md-1 p-0 mr-1">
            <label>{{ __('Show per page:') }}</label>
            <select class="form-control" name="perPage">
                @foreach($perPage as $key => $value)
                <option value="{{ $key }}">{{ $value }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-1 mt-4 p-2">
            <label class="checkbox">
                <input type="checkbox" name="quick" {{ $quick ? 'checked' : '' }} >{{ __('Basic info (quick)') }}</label>
        </div>
        <div class="form-group col-md-2 p-0 mr-1">
            <label for="dateFrom">{{ __('From (expiration):') }}</label>
            <input type="text" class="js-datepicker form-control" id="dateFrom" placeholder="{{ __('From') }}" name="dateFrom" value="{{ Request::get('dateFrom') }}" autocomplete="off">
        </div>
        <div class="form-group col-md-2 p-0 mr-1">
            <label for="dateTo">{{ __('To (expiration):') }}</label>
            <input type="text" class="form-control js-datepicker-to" id="dateTo" placeholder="{{ __('To') }}" name="dateTo" value="{{ Request::get('dateTo') }}" autocomplete="off">
        </div>
        <div class="form-group col-md-2 p-0 mr-1">
            <label>{{ __('Bonus campaign:') }}</label>
            <select class="form-control" name="campaignId">
                <option value="-1">{{ __('None') }}</option>
                @foreach($campaignSelect as $key => $value)
                <option value="{{ $key }}" {{ ( $key == Request::get('campaignId') ) ? 'selected' : '' }} >{{ $value }}</option>
                @endforeach
            </select>

        </div>


        <div class="form-group col-1 p-0 mr-1">
            <label for="userId">{{ __('Aggregator ID:') }}</label>
            <input type="text" class="form-control" id="userId" name="userId" value="{{ Request::get('userId') }}">
        </div>
        <div class="form-group col-1 p-0 mr-1">
            <label for="userId">{{ __('External ID:') }}</label>
            <input type="text" class="form-control" id="casinoId" name="casinoId" value="{{ Request::get('casinoId') }}">
        </div>

        <div class="form-group col-1 p-0 mr-1">
            <label for="affiliate">{{ __('Affiliate:') }}</label>
            <input type="text" class="form-control" id="affiliate" name="affiliate" value="{{ Request::get('affiliate') }}">
        </div>

        <div class="form-group col-md-1 p-0 mr-1 align-self-center text-center">
            <button type="submit" class="js-submit btn btn-primary waves-effect waves-light">{{ __('Search') }}</button>
        </div>
        <div class="table-responsive">
            @if ( $view_name  )
                @include ( $view_name )
            @endif
        </div>
    </div>
</form>