@extends('adminlte::page')

@section('title', trans('adminlte::emailtemplates.title.create'))

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form role="form"  id="emailtemplate-form" action="{{ route('emailtemplates.store') }}" method="POST">
        @csrf
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">@lang('adminlte::emailtemplates.header.create')</h3>
                    </div>
                    <div class="card-body">
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputEmailTitle">@lang('adminlte::emailtemplates.email_title')<span style="color:red">*</span></label>
                            <input required type="text" name='email_title' id="inputEmailTitle" class="form-control" placeholder="Enter Email Title">
                        </div>
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputSlug">@lang('adminlte::emailtemplates.slug')<span style="color:red">*</span></label>
                            <input type="text" readonly="readonly" name='slug' id="inputSlug" class="form-control" placeholder="Slug">
                        </div>
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputEmailSubject">@lang('adminlte::emailtemplates.subject')<span style="color:red">*</span></label>
                            <input type="text" name='subject' id="inputEmailSubject" class="form-control" placeholder="Enter Email Subject">
                        </div>
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputBody">@lang('adminlte::emailtemplates.body')</label>
                            <textarea type="text" name='body' id="inputBody" class="form-control" placeholder="Enter Message"></textarea>
                        </div>

                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputStatus">@lang('adminlte::emailtemplates.status')<span style="color:red">*</span></label>
                            @php $arrStatus = config('aps.status'); @endphp
                            <select class="form-control status" id ="inputStatus" name="status">
                                <option value="">Select Status</option>
                                @foreach($arrStatus as $key => $value)
                                <option value="{{$key}}" >{{$value}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="card-footer">
                         <button type="submit" class="btn btn-success">@lang('adminlte::emailtemplates.emailtemplate_add')</button>
                            <a class="btn btn-default" href="{{ route('emailtemplates.index') }}"> Back</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
@stop

@section('js')
<!-- Laravel Javascript Validation -->
<script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
{!! JsValidator::formRequest('App\Http\Requests\Admin\EmailTemplateRequest', '#emailtemplate-form'); !!}

<script>
        $("#inputEmailTitle").change(function(){
            var textValue = $(this).val();
            textValue =textValue.replace(/ /g,"_").toLowerCase();
            $('#inputSlug').val(textValue);
        });
</script>

<script src="{{ asset('ckeditor/ckeditor.js')}}"></script>
<script>
    CKEDITOR.replace( 'inputBody' );
</script>
@stop