@extends ('backend.layouts.app')

@section ('title', trans('labels.backend.contracts.management') . ' | ' . trans('labels.backend.contracts.edit'))

@section('page-header')
    <h1>
        {{ trans('labels.backend.contracts.management') }}
        <small>{{ trans('labels.backend.contracts.edit') }}</small>
    </h1>
@endsection

@section('content')
    {{ Form::model($contract, ['route' => ['admin.contracts.update', $contract], 'class' => 'form-horizontal', 'contract' => 'form', 'method' => 'PATCH', 'id' => 'edit-contract']) }}

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

                <div class="box-tools pull-right">
                    @include('backend.contracts.includes.partials.contract-header-buttons')
                </div><!--box-tools pull-right-->
            </div><!-- /.box-header -->

            <div class="box-body">
                <div class="form-group">
                    {{ Form::label('name', trans('validation.attributes.backend.contracts.name'), ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('name', null, ['class' => 'form-control', 'maxlength' => '191', 'required' => 'required', 'autofocus' => 'autofocus', 'placeholder' => trans('validation.attributes.backend.contracts.name')]) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('name', trans('validation.attributes.backend.contracts.contract_type'), ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('contract_type', null, ['class' => 'form-control', 'placeholder' => trans('validation.attributes.backend.contracts.contract_type')]) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('name', trans('validation.attributes.backend.contracts.company_name'), ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::select('company_id', $companies, null, ['class' => 'form-control']) }}
                    </div><!--col-lg-3-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('name', trans('validation.attributes.backend.contracts.date_time'), ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{--  {{ Form::text('date_time',  null, ['class' => 'form-control', 'placeholder' => trans('validation.attributes.backend.contracts.date_time')]) }}  --}}
                        <div id="datetimepicker-container" style="position: relative" class="input-group date">
                            <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </div>
                            <input placeholder="{{ trans('validation.attributes.backend.contracts.date_time') }}" name="date_time" type="text" class="form-control pull-right" id="datepicker">
                        </div>
                    </div><!--col-lg-10-->
       
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('name', trans('validation.attributes.backend.contracts.description'), ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::textarea ('description', null, ['class' => 'form-control', 'placeholder' => trans('validation.attributes.backend.contracts.description')]) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->
            </div><!-- /.box-body -->
        </div><!--box-->

        <div class="box box-success">
            <div class="box-body">
                <div class="pull-left">
                    {{ link_to_route('admin.contracts.index', trans('buttons.general.cancel'), [], ['class' => 'btn btn-danger btn-xs']) }}
                </div><!--pull-left-->

                <div class="pull-right">
                    {{ Form::submit(trans('buttons.general.crud.update'), ['class' => 'btn btn-success btn-xs']) }}
                </div><!--pull-right-->

                <div class="clearfix"></div>
            </div><!-- /.box-body -->
        </div><!--box-->

    {{ Form::close() }}
@endsection

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

@section('after-styles')
    <style>
        .bootstrap-datetimepicker-widget {
            display: initial;
        }
    </style>
@endsection

@section('after-scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.15.35/js/bootstrap-datetimepicker.min.js"></script>
<script>
    var dateTime = '{{ $contract->date_time }}';
    $('#datepicker').datetimepicker();
    $('#datepicker').data("DateTimePicker").date(moment(dateTime));
</script>
@endsection