@extends('admin.layouts.master')
@section('css')
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
@endsection
@section('content')
    <div class="col-lg-12">
    {!! Form::open(array('route' => \App\Helpers\Helper::adminPrefix(). '.store', 'name' => 'user-form',
    'id' => 'user-form', 'autocomplete' => 'off')) !!}
    <div class="card card-primary card-outline">
        <div class="card-header">
            <h3 class="card-title">{{ __('Create') }} {{ \App\Helpers\Helper::pagePrefix(2) }}</h3>
            <div class="card-tools">
                <div class="btn-group">
                    <button class="btn btn-primary" type="submit"><i class="fa fa-check-circle"></i> Save</button>
                    <a class="btn btn-danger" href="{!! route(\App\Helpers\Helper::adminPrefix()) !!}">
                        <i class="fa fa-times-circle"></i> Cancel
                    </a>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col">
                    <div class="form-group">
                        {!! Form::label('service_id', 'Service :', ['class' => 'control-label']) !!}
                        {!! Form::select('service_id', \App\Helpers\Helper::services(false), old('service_id'),
                            ['class' => $errors->has('service_id') ? 'form-control is-invalid' : 'form-control', 'id' => 'service_id']) !!}
                        @if ($errors->has('service_id'))
                            <span class="help-block invalid-feedback">
                                <strong>{{ $errors->first('service_id') }}</strong>
                            </span>
                        @endif
                    </div>
                    <div class="form-group">
                        {!! Form::label('promo_limit', 'Promo Limit :', ['class' => 'control-label']) !!}
                        {!! Form::number('promo_limit', old('promo_limit', 0), ['class' => $errors->has('promo_limit') ? 'form-control is-invalid' : 'form-control',
                        'id' => 'promo_limit', 'placeholder' => 'Promo limit']) !!}
                        @if ($errors->has('promo_limit'))
                            <span class="help-block invalid-feedback">
                            <strong>{{ $errors->first('promo_limit') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        {!! Form::label('promo_at', 'Promo Date :', ['class' => 'control-label']) !!}
                        <div class="input-group">
                            {!! Form::text('promo_at', old('promo_at'),
                                ['class' => $errors->has('promo_at') ? 'form-control is-invalid' : 'form-control', 'id' => 'promo_at']) !!}
                            <div class="input-group-prepend">
                              <span class="input-group-text">
                                <i class="far fa-calendar-alt"></i>
                              </span>
                            </div>
                            @if ($errors->has('promo_at'))
                                <span class="help-block invalid-feedback">
                            <strong>{{ $errors->first('promo_at') }}</strong>
                        </span>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}
    </div>
@endsection
@section('script')

    <script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

    <script>
        $(function () {

            $('#promo_at').daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                timePicker: false,
                locale: {
                    format: 'DD-MM-YYYY'
                }
            });
        });
    </script>
@endsection