@extends ('backend.layouts.app')

@section('page-header')
    <h1>
        {{ trans('labels.backend.sms.single') }}

    </h1>

@endsection
@section('after-styles')

    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>
@endsection



@section('content')
    {{ Form::open(['route' => 'admin.sms.patient.send', 'class' => 'form-horizontal', 'role' => 'form', 'method' => 'post', 'id' => 'create-appointment']) }}
    <div class="box box-success">
        <div class="box-header with-border">
            {{--<h3 class="box-title">{{ trans('labels.backend.sms.details') }}</h3>--}}


        </div><!-- /.box-header -->


        <div class="form-group">
            {!! Form::label('pacient_label','Pacient',['class' => 'col-lg-2 control-label']) !!}
            <div class="col-lg-10">


                @if(!empty($pacient))
                    {!! Form::select('patient_id',[$pacient->id=>$pacient->name],null,['class'=>'form-control areas', 'id'=>'patient_id']) !!}
                @else
                    {!! Form::select('patient_id',[0=>'Alege un pacient'],null,['class'=>'form-control areas', 'id'=>'patient_id']) !!}

                @endif


            </div>
        </div>

        <div class="form-group">
            {{ Form::label('details', 'Mesaj', ['class' => 'col-lg-2 control-label']) }}
            <div class="col-lg-10">
                {{ Form::textarea('message', null, ['class' => 'form-control']) }}
            </div><!--col-lg-10-->
        </div><!--form control-->


        <div class="box box-success">
            <div class="box-body">

                <div class="pull-right">
                    {{ Form::submit(trans('labels.backend.sms.send'), ['class' => 'btn btn-success btn-m']) }}
                </div><!--pull-right-->

                <div class="clearfix"></div>
            </div><!-- /.box-body -->
        </div><!--box-->
    </div>
    {{ Form::close() }}
@endsection

@section('after-scripts')

    <script src="{!! asset('js/moment.min.js') !!}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/locales.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

    <script>

        $(function () { // document ready
            $('#patient_id').select2({
                placeholder: 'Alege pacientul',
                ajax: {
                    dataType: 'json',
                    url: '{{ route("admin.patients.ajax") }}',
                    delay: 400,
                    data: function (params) {
                        return {
                            term: params.term
                        }
                    },
                    processResults: function (data, page) {
                        return {
                            results: data
                        };
                    },
                }
            });


        });


    </script>






@endsection