@extends('admin.layouts.master')
@section('content')
    <div class="col-lg-12">
    {!! Form::open(array('route' => \App\Helpers\Helper::adminPrefix(). '.store', 'name' => 'user-form',
    'id' => 'user-form', 'autocomplete' => 'off', 'files' => true)) !!}
    <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('lang_id', 'Language :', ['class' => 'control-label']) !!}
                        {!! Form::select('lang_id', \App\Helpers\Helper::language(false), old('lang_id'),
                            ['class' => $errors->has('lang_id') ? 'form-control is-invalid' : 'form-control', 'id' => 'role_id']) !!}
                        @if ($errors->has('lang_id'))
                            <span class="help-block invalid-feedback">
                                <strong>{{ $errors->first('lang_id') }}</strong>
                            </span>
                        @endif
                    </div>
                    <div class="form-group">
                        {!! Form::label('title', 'Title :', ['class' => 'control-label']) !!}
                        {!! Form::text('title', old('title'), ['class' => $errors->has('title') ? 'form-control is-invalid' : 'form-control',
                        'id' => 'title', 'placeholder' => 'Banner title']) !!}
                        @if ($errors->has('title'))
                            <span class="help-block invalid-feedback">
                            <strong>{{ $errors->first('title') }}</strong>
                        </span>
                        @endif
                    </div>
                    <div class="form-group">
                        {!! Form::label('status', 'Active :', ['class' => 'control-label']) !!}
                        <div class="input-group">
                            <div class="icheck-success d-inline mr-3">
                                {!! Form::radio('status', '1', old('status', true), ['id' => 'statuson']) !!}
                                {!! Form::label('statuson', 'Yes') !!}
                            </div>
                            <div class="icheck-danger d-inline">
                                {!! Form::radio('status', '0', old('status', false), ['id' => 'statusoff']) !!}
                                {!! Form::label('statusoff', 'No') !!}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        {!! Form::label('file', 'File :', ['class' => 'control-label']) !!}
                        <div class="custom-file">
                            {!! Form::file('file', ['class' => $errors->has('file_src') ? 'custom-file-input is-invalid' : 'custom-file-input']) !!}
                            {!! Form::label('file', 'Choose file', ['class' => 'custom-file-label']) !!}
                            @if ($errors->has('file_src'))
                                <span class="help-block invalid-feedback">
                                    <strong>{{ $errors->first('file_src') }}</strong>
                                </span>
                            @endif
                        </div>

                    </div>

                    <div class="form-group">
                        {!! Form::label('preview', 'Preview :', ['class' => 'control-label']) !!}
                        <img src="{{ asset(config('setting.banner') .'/no-thumb.jpg') }}" class="img-fluid center-block" alt="Thumbnail" id="preview">
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ Form::hidden('file_src', old('file_src'), ['id' => 'file_src']) }}
    {!! Form::close() !!}

        <div class="modal js-loading-bar">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 class="modal-title">Please wait ....</h2>
                    </div>
                    <div class="modal-body">
                        <div class="progress">
                            <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar">
                                <span class="sr-only">Processing ...</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{!! asset('js/script.js') !!}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
    <script>
        $(function() {
            $('.alert').addClass('hide');

            $('.js-loading-bar').modal('hide');

            $('#file').on('change', function(e){
                banner(e, '{!!  route('admin.banner.image') !!}');
            });
        });
    </script>
@endsection