@extends('dashboard')

@section('content')

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
    <style type="text/css">
        .dropdown-toggle{
            height: 40px;
            width: 400px !important;
        }
    </style>
    <link href="{{URL::asset('css/datepicker.css')}}" rel="stylesheet" /> 
 

<div class="container-fluid">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header card-header-primary text-center">
          <h4 class="card-title">MODIFICATION DOSSIER</h4>
          <p class="card-category">Veuillez remplir ces champs</p>
        </div>
        <div class="card-body">
          <form action="{{ route('dossier.update', ['id' => $dossier[0]->id])}}" method="POST">
            {{ csrf_field() }}
            <div class="row">
              <div class="col-md-6">
                <label><strong>Client : </strong></label><br/>
                <select class="selectpicker"data-live-search="true" name="client">
                      <option> </option>  
                      @foreach($clients as $c)
                        <option value="{{$c->id}}"
                          @if($c->id == $dossier[0]->client_id)
                            selected
                          @endif> 
                            {{ $c->prenom .' '. $c->nom .' '. $c->telephone . ' ' . $c->residence }} 
                        </option> 
                      @endforeach
                </select>
                <br /> 
                @if ($errors->has('client'))
                    <span class="text-danger">{{ $errors->first('client') }}</span>
                  @endif
              </div> 

              <div class="col-md-6">
                <label><strong>Parcelles Disponibles : </strong></label><br/>
                <select class="selectpicker" multiple data-live-search="true" name="parcelle_dispo[]">
                      <option> </option>  
                      @foreach($parcelles as $p)
                        <option value="{{$p->id}}"
                          @foreach($parcelles_clients as $pc)
                            @if($p->id == $pc->id)
                              selected 
                            @endif   
                          @endforeach
                        > {{ $p->site . ' numéro : ' . $p->numero . ' surface : '. $p->surface . ' m²' }} </option> 
                      @endforeach
                      
                </select>
                <br /> 
                @if ($errors->has('parcelle_dispo'))
                    <span class="text-danger">{{ $errors->first('parcelle_dispo') }}</span>
                  @endif
              </div> 
            </div>

            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                <label><strong>Date du contrat : </strong></label><br/>  
                  <div class="input-append date " id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                    <input class="span2 datepicker form-control" size="16" name="date" type="text" value="{{$dossier[0]->date }}" placeholder="jj-mm-aaaa" />
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label class="bmd-label-floating">Duree du contrat (mois) </label>
                  <input type="text" class="form-control @if($errors->has('duree_contrat')) bg-danger @endif" name="duree_contrat" value="{{ $dossier[0]->duree_contrat }}">
                  @if ($errors->has('duree_contrat'))
                    <span class="text-danger">{{ $errors->first('duree_contrat') }}</span>
                  @endif
                </div>
              </div>
              
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label class="bmd-label-floating">Agent Commercial</label>
                  <select class="form-control" name="agent_id">
                    @foreach($agents as $a)
                      <option value="{{$a->id}}"
                        @if($a->id == $dossier[0]->agent_id)
                          selected
                        @endif 
                      > {{ $a->prenom .' '. $a->nom . ' '. $a->contact  }} </option> 
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label class="bmd-label-floating">Montant du bien (FCFA)</label>
                  <input type="text" class="form-control @if($errors->has('montant')) bg-danger @endif" name="montant" value="{{ $dossier[0]->montant_contrat }}">
                  @if ($errors->has('montant')) 
                    <span class="text-danger">{{ $errors->first('montant') }}</span>
                  @endif
                </div>
              </div>
            </div>

            <div class="text-center">
              <button type="submit" class="btn btn-primary">ENREGISTRER</button>
            </div> 
      
            <div class="clearfix"></div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="js/jquery.3.2.1.min.js"></script>
    <script src="js/bootstrap-datepicker.js"></script>
  <script>
    $('.datepicker').datepicker()
  </script>
@endsection