@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/'.$charge->id),'files' => true,'enctype' => 'multipart/form-data', 'method'=>'put' ]) !!}
    <div class="form-group col-md-6">
      {!! Form::label('name', 'Description*')!!}
      {!! Form::text('description',$charge->description,['class'=>'form-control']) !!}
   </div>

    <div class="form-group col-md-6">
       {!! Form::label('name', 'Type*')!!}
        {!! Form::select('type_id', $select, $charge->type_id,['class'=>'form-control'],  ['placeholder' => 'Choisir un type...'],) !!}
     </div>
    
     <div class="form-group col-md-6">
        {!! Form::label('name', 'Montante*')!!}
        {!! Form::text('amount',$charge->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', ], $charge->payment_state,['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' 
     value="{{$charge->invoice_file}}" 
     type="file"
     class="file invoice_file" 
     data-preview-file-type="text">
</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" class="custom-file-input" name="invoice_file" onchange="readURL3(this);">
          <span class="custom-file-control"></span>
          <img src="#" id="invoice_file">
        </label>  
      </div>
    </div><!-- col-4 --> --}}


    {!! Form::submit('Enregistrer',['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: 'fa',
          initialPreviewAsData: true,

      });

  
    });

</script>
@endpush