@extends('adminlte::page')

@section('title', trans('adminlte::smstemplates.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="smstemplate-form" action="{{ route('smstemplates.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::smstemplates.header.create')</h3>
                    </div>
                    <div class="card-body">
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputSmsTitle">@lang('adminlte::smstemplates.sms_title')<span style="color:red">*</span></label>
                            <input type="text" name='sms_title' id="inputSmsTitle" class="form-control" placeholder="Enter SMS Title">
                        </div>
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputSlug">@lang('adminlte::smstemplates.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="inputContent">@lang('adminlte::smstemplates.content')<span style="color:red">*</span></label>
                            <textarea type="text" name='content' id="inputContent" class="form-control" placeholder="Enter Content"></textarea>
                        </div>
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputStatus">@lang('adminlte::smstemplates.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::smstemplates.smstemplate_add')</button>
                            <a class="btn btn-default" href="{{ route('smstemplates.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\SmsTemplateRequest', '#smstemplate-form'); !!}

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