@section('after-styles')
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css">

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

<div class="box box-success">
    <div class="box-header with-border">
        <h3 class="box-title">{{ trans('labels.backend.examination.details') }}</h3>

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

    <div class="box-body">

        <div class="form-group">
            {!! Form::label('status_label','Punct de Lucru',['class' => 'col-lg-2 control-label']) !!}
            <div class="col-lg-10">
                {!! Form::select('patient_id',config('constants.work-points'),null,['class'=>'form-control areas', 'id'=>'status_id']) !!}
            </div>

        </div>
        <div class="form-group">
            {{ Form::label('value', 'Valoare', ['class' => 'col-lg-2 control-label']) }}
            <div class="col-lg-10">
                {{ Form::input('number','value', null, ['class' => 'form-control','min'=>'1','step'=>'1']) }}
            </div><!--col-lg-10-->
        </div><!--form-->
        <div class="form-group">
            {!! Form::label('time_label',' Data',['class' => 'col-lg-2 control-label']) !!}

            <div class="col-lg-10">
                {!! Form::text('start', $start, ['class' => 'form-control ','id' => 'datepicker-start']) !!}

            </div>
        </div>

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


        <div class="form-group">
            <div class="col-lg-10">
                @if( ! empty($createdBy))
                    Incasare creata de  {{$createdBy}} la data de {{$payment->created_at}}
                @endif
            </div><!--col-lg-10-->
        </div><!--form control-->

    </div>
</div>




@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 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    <script>
        $(function () { // document ready


            $('#datepicker-start').datetimepicker({locale: 'ro', format: 'YYYY-MM-DD'});


        });


    </script>


@endsection