@extends('base.layouts.master')

@section('content')
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-equalizer font-blue-hoki"></i>
                <span class="caption-subject font-blue-hoki bold uppercase">  @lang('menu.Province-City.title')</span>
                <span class="caption-helper"> @lang('menu.Province-City.create') ...</span>
            </div>
            <div class="tools">
                <a href="" class="collapse"> </a>
                <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                <a href="" class="reload"> </a>
                <a href="" class="remove"> </a>
            </div>
        </div>

        <div style="text-align:center;border:1px solid #bce8f1; color:#31708f;background-color:#d9edf7;margin-top:20px;height:50px;padding-top:13px;">    @lang('menu.Province-City.create')</div>
        <div class="portlet-body form">
            <!-- showing possible errors  -->
            @if(count($errors))
                <div class="alert alert-danger">
                    <ul>
                        @foreach($errors->all() as $error)
                            <li>{{$error}}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        <!-- showing FYI messages  -->
            @include('base.layouts.partials.general.message')
            <form action="{{route('provinces.store')}}" class="horizontal-form" method="POST">
                {{ csrf_field() }}
                <div class="form-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label"> @lang('form.inputs.name')</label>
                                <input type="text" id="content_title" name="state_name" class="form-control" placeholder="@lang('form.inputs.name')">
                                <span class="help-block">  </span>
                            </div>
                        </div>

                        <!-- in the future this will be needed -->
                        <!--
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">   آی دی تلگرام </label>
                                <input type="text" id="content_title" name="tg_chat_id" class="form-control" placeholder=" آی دی تلگرام">
                                <span class="help-block">  </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">   مشخصات  </label>
                                <input type="text" id="content_title" name="name_family" class="form-control" placeholder="مشخصات ">
                                <span class="help-block">  </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">  توضیحات 1  </label>
                                <input type="text" id="content_title" name="extra1" class="form-control" placeholder="توضیحات اضافی ">
                                <span class="help-block">  </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">    توضیحات 2 </label>
                                <input type="text" id="content_title" name="extra2" class="form-control" placeholder="توضیحات اضافی ">
                                <span class="help-block">  </span>
                            </div>
                            -->
                        </div>
                    </div>
                </div>
                <div class="form-actions right">
                    <button type="reset" class="btn default">@lang('form.inputs.clear')</button>
                    <input id="image_name" name="image_name" type="hidden" value="">
                    @can('add-tarifOstan')
                    <button type="submit" class="btn blue">
                        <i class="fa fa-check"></i>@lang('form.inputs.save')
                    </button>
                    @endcan
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script src="/base/assets/plugins/tinymce/tinymce.min.js"></script>
    <script src="/base/assets/js/persian-date.min.js"></script>
    <script src="/base/assets/js/persian-datepicker.js"></script>
    <script>
        tinymce.init({
            selector: '.mytextarea'
        });

    </script>
    <!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
    <script src="/base/assets/plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
    <!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
    <script src="/base/assets/plugins/jquery-file-upload/js/jquery.iframe-transport.js"></script>
    <!-- The basic File Upload plugin -->
    <script src="/base/assets/plugins/jquery-file-upload/js/jquery.fileupload.js"></script>
    <script src="/base/assets/js/custom-script.js"></script>
@endsection