@extends('layouts.admin')
@section('content-title')
	{{ __('functionaries.New Functionary') }}
@endsection
@section('content-breadcrumbs')
	{{ Breadcrumbs::render('admin.payments.create')}}
@endsection
@section('css')
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
@endsection
@section('content')


<div class="card-box tilebox-one noradius">
	<section>


		<h2 class="page-header">{{ __('functionaries.New Functionary') }}</h2>

		{!!Form::open()->put()->route('admin.store.payments')!!}


			 {!! Form::hidden('id', $id) !!}

            <div class="col-sm-9">
                <label >{!!(__('Type paiment'))!!}</label>
                <select name="payment_type" class="form-control">
                    <option  > espèces </option> 
                    <option  > virement bancaire </option> 
                    <option  > chèque </option> 
                    <option  > carte bancaire </option> 
                </select>
            </div>

			 <div class="col">
			<label >{!!(__('Date paiment'))!!}</label>
	 		<input type="text" name="date_payment" max="3000-12-31" min="1000-01-01" class="form-control">
	 		</div>

			<div class="col">
			{!!Form::text('montant',(__('Montant')))->placeholder(__('Montant'))!!}
			</div>
	

			<div class="col">
			{!!Form::text('serial_number',(__('Numero Serie')))->placeholder(__('Numero Serie'))!!}
			</div>

			
		<br>

		{!!Form::submit('save')->id('my-btn')!!}
		{!!Form::close()!!}

	</section>
</div>
@endsection
@section('js')
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script type="text/javascript">
	$(function() {

		$('input[name="date_payment"]').daterangepicker({
            buttonClasses: ['btn btn-default'],
            applyClass: 'btn-small btn-primary',
            cancelClass: 'btn-small',
            singleDatePicker: true,
    		showDropdowns: true,
            autoUpdateInput: false,
            // minDate: moment(),
            locale: {
                cancelLabel: 'Clear',
                format: 'DD/M/Y hh:mm A',
                daysOfWeek: [
                    '{{ __("daysOfWeek.Su")}}',
                    '{{ __("daysOfWeek.Mo")}}',
                    '{{ __("daysOfWeek.Tu")}}',
                    '{{ __("daysOfWeek.We")}}', 
                    '{{ __("daysOfWeek.Th")}}', 
                    '{{ __("daysOfWeek.Fr")}}',
                    '{{ __("daysOfWeek.Sa")}}'],
                monthNames: [
                    '{{ __("months.January")}}',
                    '{{ __("months.February")}}',
                    '{{ __("months.March")}}',
                    '{{ __("months.April")}}',
                    '{{ __("months.May")}}',
                    '{{ __("months.June")}}',
                    '{{ __("months.July")}}',
                    '{{ __("months.August")}}',
                    '{{ __("months.September")}}',
                    '{{ __("months.October")}}',
                    '{{ __("months.November")}}',
                    '{{ __("months.December")}}'],
            },
        }, function(start, end) {
            $('input[name="date_payment"]').val(start.format('YYYY/MM/DD'));
        });

	});
</script>
@endsection