@extends('admins.layouts.index')
@section('content')
<!-- Default card -->
@if(!$request->input('message_type'))
{!! Form::model($model, ['method'=>'get','class'=>'form-horizontal','files'=>true]) !!}
    <div class="card card-danger">
        <div class="card-header with-border">
            <h3 class="card-title"> <i class="fa fa-info-circle fa-fw"></i>{{__('Basic Information')}}</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <fieldset class="form-group">
                        <div class="row">
                            <legend class="col-form-label col-sm-4 pt-0 text-right">{{ __('Message Type') }}</legend>
                            <div class="col-sm-8">
                                <div class="form-check form-check-inline">
                                    {!! Form::radio('message_type', App\SmsLog::type_new, true, ['id'=>'normal','class'=>'form-check-input']) !!}
                                    <label class="form-check-label" for="enabled">
                                        {{ __('New') }}
                                    </label>
                                </div>
                                <div class="form-check form-check-inline">
                                    {!! Form::radio('message_type', App\SmsLog::type_template, false, ['id'=>'unicode','class'=>'form-check-input']) !!}
                                    <label class="form-check-label" for="disabled">
                                        {{ __('Template') }}
                                    </label>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                    <div class="form-group row">
                        {!! Form::label('template_id', __('Template'), ['class'=>'col-sm-4 col-form-label text-right']) !!}
                        <div class="col-sm-6">
                            {!! Form::select('template_id', App\SmsTemplate::combobox(), null, ['id'=>'template_id','class'=>'form-control select2 '.($errors->first('template_id') ? 'is-invalid' : '')]) !!}
                            {!!$errors->first('template_id', '<span for="template_id" class="error invalid-feedback">:message</span>')!!}
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <fieldset class="form-group">
                        <div class="row">
                            <legend class="col-form-label col-sm-4 pt-0 text-right">{{ __('Send By') }}</legend>
                            <div class="col-sm-8">
                                <div class="form-check form-check-inline">
                                    {!! Form::radio('send_by', App\SmsLog::type_new, true, ['id'=>'normal','class'=>'form-check-input']) !!}
                                    <label class="form-check-label" for="enabled">
                                        {{ __('New') }}
                                    </label>
                                </div>
                                <div class="form-check form-check-inline">
                                    {!! Form::radio('send_by', App\SmsLog::type_group, false, ['id'=>'unicode','class'=>'form-check-input']) !!}
                                    <label class="form-check-label" for="disabled">
                                        {{ __('Group') }}
                                    </label>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                    <div class="form-group row">
                        {!! Form::label('group_id', __('Group'), ['class'=>'col-sm-4 col-form-label text-right']) !!}
                        <div class="col-sm-6">
                            {!! Form::select('group_id', App\CustomerGroup::combobox(), null, ['id'=>'group_id','class'=>'form-control select2 '.($errors->first('group_id') ? 'is-invalid' : '')]) !!}
                            {!!$errors->first('group_id', '<span for="group_id" class="error invalid-feedback">:message</span>')!!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.card-body -->
        <div class="card-footer text-right">
            <button type="submit" class="btn btn-primary">
                {{ __('Next Step') }} <i class="fas fa-angle-double-right"></i>
            </button>
        </div>
        <!-- /.card-footer -->
    </div>
    <!-- /.card -->
{!! Form::close() !!}
@else
{!! Form::model($model, ['method'=>'post','class'=>'form-horizontal','files'=>true]) !!}
    <div class="card card-danger">
        <div class="card-header with-border">
            <h3 class="card-title"> <i class="fa fa-info-circle fa-fw"></i>{{__('Basic Information')}}</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <fieldset class="form-group">
                        <div class="row">
                            <legend class="col-form-label col-sm-2 pt-0 text-right">{{ __('Message Type') }}</legend>
                            <div class="col-sm-10">
                                <div class="form-check form-check-inline">
                                    {!! Form::radio('message_type', 1, true, ['id'=>'normal','class'=>'form-check-input']) !!}
                                    <label class="form-check-label" for="enabled">
                                        {{ __('Normal (Eg. English, B. Melayu, etc)') }}
                                    </label>
                                </div>
                                <div class="form-check form-check-inline">
                                    {!! Form::radio('message_type', 0, false, ['id'=>'unicode','class'=>'form-check-input']) !!}
                                    <label class="form-check-label" for="disabled">
                                        {{ __('Unicode (Eg. Chinese, Japanese, etc)') }}
                                    </label>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group row">
                        {!! Form::label('send_to', __('Send To'), ['class'=>'col-sm-2 col-form-label text-right']) !!}
                        {!! Form::hidden('send_by', $request->input('send_by')) !!}
                        @if($request->input('send_by') == App\SmsLog::type_group)
                            <div class="col-sm-4">
                                {!! Form::text('group_name_displayed', null, ['id'=>'group_name_displayed','class'=>'form-control '.($errors->first('group_name_displayed') ? 'is-invalid' : ''),'disabled']) !!}
                                {!! Form::hidden('group_id', $request->input('group_id')) !!}
                            </div>
                        @else
                            <div class="col-sm-10">
                                {!! Form::textarea('send_to', null, ['rows'=>5,'id'=>'send_to','class'=>'form-control '.($errors->first('send_to') ? 'is-invalid' : ''), 'placeholder'=>__('Important: Please use semicolon ; to seperate each phone number. Max limit only 100 mobile no.')]) !!}
                                <small class="form-text text-muted">
                                      {{__('Please follow the format <country code><phone number>. eg: 60123456789')}}
                                </small>
                                {!!$errors->first('send_to', '<span for="send_to" class="error invalid-feedback">:message</span>')!!}
                            </div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group row">
                        {!! Form::label('message', __('Message'), ['class'=>'col-sm-2 col-form-label text-right']) !!}
                        <div class="col-sm-10">
                            {!! Form::textarea('message', null, ['rows'=>5,'id'=>'message','class'=>'form-control '.($errors->first('message') ? 'is-invalid' : ''),'placeholder'=>__('Type your message here...')]) !!}
                            @if($request->input('send_by') == App\SmsLog::type_group)
                                <small class="form-text text-muted">
                                    {{__('Personalized text : Put %name% to be replaced with name in address book.')}}
                                </small>
                            @endif
                            {!!$errors->first('message', '<span for="message" class="error invalid-feedback">:message</span>')!!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.card-body -->
        <div class="card-footer text-right">
            <button type="submit" class="btn btn-success">
                <i class="fas fa-paper-plane"></i> {{ __('Send Now') }}
            </button>
            <a class="btn btn-danger" href="{{action('Admin\SmsLogController@getSendNow')}}">
                <i class="fas fa-angle-left"></i> {{__('Back')}}
            </a>
        </div>
        <!-- /.card-footer -->
    </div>
    <!-- /.card -->
{!! Form::close() !!}
@endif
@endsection
@section('script')
    $(document).ready(function(){
        if($("input[name=message_type]").val() == "{{ App\SmsLog::type_new }}") {
            var templateInputField = $("select[name=template_id]").closest(".form-group");
            templateInputField.hide();
        }
        if($("input[name=send_by]").val() == "{{ App\SmsLog::type_new }}") {
            var templateInputField = $("select[name=group_id]").closest(".form-group");
            templateInputField.hide();
        }
    });
    $("input[name=message_type]").on("click", function(){
        var selected = $(this).val();
        var templateInputField = $("select[name=template_id]").closest(".form-group");
        if(selected == "{{ App\SmsLog::type_new }}") {
            templateInputField.hide("slow");
        } else {
            templateInputField.show("slow");
        }
    });
    $("input[name=send_by]").on("click", function(){
        var selected = $(this).val();
        var templateInputField = $("select[name=group_id]").closest(".form-group");
        if(selected == "{{ App\SmsLog::type_new }}") {
            templateInputField.hide("slow");
        } else {
            templateInputField.show("slow");
        }
    });
@endsection