@extends('admin.index')
@section('content')

@push('css')
<link href="{{url('/design/fileinput')}}/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
@endpush

<div class="box">
  <div class="box-header">
    <h3 class="box-title">{{ $title }}</h3>
  </div>
  <!-- /.box-header -->
  <div class="box-body">     
    {!! Form::open(['url'=>aurl('charges'),'files' => true,'enctype' => 'multipart/form-data']) !!}
    <div class="form-group col-md-6">
      {!! Form::label('name', 'Description*')!!}
      {!! Form::text('description',old('description'),['class'=>'form-control']) !!}
   </div>   
    <div class="form-group col-md-6">
        {!! Form::label('name', 'Type*')!!}
        {!! Form::select('type_id', $select, null, ['class'=>'form-control']) !!}
     </div>
      
         <div class="form-group col-md-6">
        {!! Form::label('name', 'Montante*')!!}
        {!! Form::text('amount',old('amount'),['class'=>'form-control']) !!}
     </div>

     <div class="form-group col-md-6">
      {!! Form::label('name', 'état de paiement*')!!}
      {!! Form::select('payment_state', ['NonPaye' => 'NonPaye','Paye' => 'Paye',], null, ['class'=>'form-control'],['placeholder' => 'Choisir un état de paiement...']);!!}
   </div>

    <div class="form-group col-lg-12">
        {!! Form::label('invoice_file','Choisir un fichier]' ) !!}
        <input id="invoice_file" name='invoice_file' type="file"
         class="file invoice_file " data-preview-file-type="text">
    </div>
{{-- 
   <div class="form-group col-md-12">
    <span class="control-fileupload">
      <label for="file">Choisissez un fichier (PDF ou JPG) :</label>
      <input type="file" id="file"  name="invoice_file" value="google">
    </span>
  </div>

    
         <div class="col-md-12">
          <div class="form-group">
            <label class="form-control-label">Invoice file<span class="tx-danger">*</span></label>
            <label class="custom-file">
            <input type="file" id="file" name="invoice_file" class="custom-file-input" onchange="readURL3(this);">
            <span class="custom-file-control"></span>
            <img src="#" id="invoice_file">
          </label>  
        </div>
      </div>   --}}
   


     {!! Form::submit('Ajoute',['class'=>'btn btn-primary col-md-12']) !!}
    {!! Form::close() !!}
  </div>
  <!-- /.box-body -->
</div>
<!-- /.box -->

<h4>Remarque : (*) => champ obligatoire</h4>

@endsection



@push('js')





<script src="{{url('/design/fileinput')}}/js/plugins/canvas-to-blob.min.js" type="text/javascript"></script>

<script src="{{url('/design/fileinput')}}/js/plugins/sortable.min.js" type="text/javascript"></script>

<script src="{{url('/design/fileinput')}}/js/plugins/canvas-to-blob.min.js" type="text/javascript"></script>

<script src="{{url('/design/fileinput')}}/js/plugins/sortable.min.js" type="text/javascript"></script>

<script src="{{url('/design/fileinput')}}/js/plugins/purify.js" type="text/javascript"></script>

<script src="{{url('/design/fileinput')}}/js/fileinput.min.js"></script>
<script src="{{url('/design/fileinput')}}/js/locales/ar.js"></script>

<script>

  $(document).ready(function() {
      $("#invoice_file").fileinput({
          showUpload:false,
          theme: 'fas',
          showPreview: false,
          allowedFileExtensions: ["jpg", "png", "pdf"],
          initialPreviewShowDelete: true, // Delete button in Preview

      });
    });

</script>
@endpush