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

    <form action="{{ route("admin.catalogue.store") }}" method="POST" enctype="multipart/form-data">
        <div class="row"> 
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        IMFORMATION CLIENT <span class="text-danger">*</span> Les informations son requis 
                    </div>

                    <div class="card-body">
                        @csrf
                        <div class="form-group {{ $errors->has('nom_complet') ? 'has-error' : '' }}">
                            <label for="first_name">Nom Complet <span class="text-danger">*</span></label>
                            <input type="text" id="nom_complet" name="nom_complet" class="form-control" value="{{ old('nom_complet') }}" required>
                            @if($errors->has('nom_complet'))
                                <p class="help-block">
                                    {{ $errors->first('nom_complet') }}
                                </p>
                            @endif
                            <p class="helper-block">
                                {{ trans('cruds.client.fields.first_name_helper') }}
                            </p>
                        </div>
                        <div class="form-group {{ $errors->has('adresse') ? 'has-error' : '' }}">
                            <label for="last_name">Adresse <span class="text-danger">*</span></label>
                            <input type="text" id="adresse" name="addresse" class="form-control" value="{{ old('addresse') }}" required>
                            @if($errors->has('adresse'))
                                <p class="help-block">
                                    {{ $errors->first('adresse') }}
                                </p>
                            @endif
                            <p class="helper-block">
                                {{ trans('cruds.client.fields.last_name_helper') }}
                            </p>
                        </div>
                        <div class="form-group {{ $errors->has('telephone') ? 'has-error' : '' }}">
                            <label for="numcompte">Numéro téléphone <span class="text-danger">*</span> </label>
                            <input type="text" id="telephone" name="telephone" class="form-control" value="{{ old('telephone') }}" required>
                            @if($errors->has('telephone'))
                                <p class="help-block">
                                    {{ $errors->first('telephone') }}
                                </p>
                            @endif
                            <p class="helper-block">
                            
                            </p>
                        </div>

                        <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                            <label for="email">Email</label>
                            <input type="email" id="email" name="email" class="form-control" value="{{ old('email') }}">
                            @if($errors->has('email'))
                                <p class="help-block">
                                    {{ $errors->first('email') }}
                                </p>0
                            @endif
                            <p class="helper-block">

                            </p>
                        </div>

                        <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                            <label for="email">Carte d'identité Recto </label>

                            <input type="file" name="cir" class="form-control" value="{{ old('cir') }}"
                            onchange="document.getElementById('cir').src = window.URL.createObjectURL(this.files[0])" >
                            
                            <img id="cir" style="border: none; width: 100%; height:auto;"/>
                            <br />
                            @if($errors->has('cir'))
                                <p class="help-block">
                                    {{ $errors->first('cir') }}
                                </p>0
                            @endif
                            <p class="helper-block">

                            </p>
                        </div>

                        <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                            <label for="email">Carte d'identité Verso</label>

                            <input type="file" name="civ" class="form-control" value="{{ old('civ') }}"
                            onchange="document.getElementById('civ').src = window.URL.createObjectURL(this.files[0])" />

                            <img id="civ" style="border: none; width: 100%; height:auto;" />
                            <br />
                            @if($errors->has('cvv'))
                                <p class="help-block">
                                    {{ $errors->first('cvv') }}
                                </p>0
                            @endif
                            <p class="helper-block">

                            </p>
                        </div>

                        <div class="form-group {{ $errors->has('numcompte') ? 'has-error' : '' }}">
                            <label for="numcompte">Numéro de compte bancaire</label>
                            <input type="text" id="numcompte" name="numcompte" class="form-control" value="{{ old('numcompte') }}">
                            @if($errors->has('numcompte'))
                                <p class="help-block">
                                    {{ $errors->first('numcompte') }}
                                </p>
                            @endif
                            <p class="helper-block">
                        
                            </p>
                        </div>
                        <div class="form-group {{ $errors->has('gestcompt') ? 'has-error' : '' }}">
                            <label for="gestcompt">Gestionnaire de compte</label>
                            <input type="text" id="gestcompt" name="gestcompt" class="form-control" value="{{ old('gestcompt') }}">
                            @if($errors->has('gestcompt'))
                                <p class="help-block">
                                    {{ $errors->first('gestcompt') }}
                                </p>
                            @endif
                            <p class="helper-block">
                            
                            </p>
                        </div>
                        
                        <!--
                        <div class="form-group {{ $errors->has('gestcompt') ? 'has-error' : '' }}">
                            <label for="gestcompt">Banque</label>
                            <input type="text" id="banque" name="banque" class="form-control" value="{{ explode( ':::', $produits[0])[5] . ''  }}" >
                        </div> --> 

                        <div class="form-group {{ $errors->has('gestcompt') ? 'has-error' : '' }}">
                            <label for="gestcompt">Affecter à un commercial</label>
                            <select name="commercial" class="select2 form-control">
                                <option> </option> 
                                @foreach($users as $u)
                                    <option value="{{$u->id}}"> {{ $u->name . ' ' . $u->email }} </option> 
                                @endforeach  
                            </select> 
                            <p class="helper-block">
                                
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        INFORMATION DE LA COMMANDE <span class="text-danger">*</span> Les informations son requis 
                    </div>

                    <div class="card-body">
                        <form action="{{ route("admin.commande_client.store") }}" method="POST" enctype="multipart/form-data">
                            @csrf
                    
                            <div class="form-group {{ $errors->has('date') ? 'has-error' : '' }}">
                                <label for="last_name">Date <span class="text-danger">*</span> </label>
                                <input type="date" id="date" name="date" class="form-control" value="{{ old('date') }}" required>
                            
                                @if($errors->has('date'))
                                    <p class="help-block">
                                        {{ $errors->first('date') }}
                                    </p>
                                @endif
                                <p class="helper-block">
                                    
                                </p>
                            </div>
                            <div class="form-group {{ $errors->has('agence_id') ? 'has-error' : '' }}">
                                <label for="company">Agence <span class="text-danger">*</span> </label>
                                <select class="form-control select2" name="agence" required> 
                                    <option> </option>
                                    @foreach($agences as $a)
                                        <option value="{{ $a->id }}" @if(old('agence') == $a->id) selected @endif> {{ $a->agence }} </option> 
                                    @endforeach
                                <select>  
                                @if($errors->has('agence'))
                                    <p class="help-block">
                                        {{ $errors->first('agence') }}
                                    </p>
                                @endif
                                <p class="helper-block">
                                    
                                </p>
                            </div>

                            <div class="form-group {{ $errors->has('echeance') ? 'has-error' : '' }}">
                                <label for="first_name">Echéance </label>
                                <select class="form-control" name="echeance"> 
                                    <option value="">  </option>
                                    <option value="12 mois"> 12 mois </option>
                                    <option value="24 mois"> 24 mois </option> 
                                <select>  
                            </div>

                            <div class="form-group {{ $errors->has('programme') ? 'has-error' : '' }}">
                                <label for="first_name">Programme</label>
                                <select class="form-control" name="programme"> 
                                    <option value="EMC"> EMC </option>
                                    <option value="NEANT"> NEANT </option> 
                                <select>  
                                @if($errors->has('programme'))
                                    <p class="help-block">
                                        {{ $errors->first('programme') }}
                                    </p>
                                @endif
                                <p class="helper-block">
                                    {{ trans('cruds.client.fields.first_name_helper') }}
                                </p>
                            </div>
                            
                            <div class="form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
                                <label for="first_name">Avis Banque</label>
                                <select class="form-control" name="avis_banque"> 
                                    <option value="1"> traitement en cours </option>
                                    <option value="2"> validé </option> 
                                    <option value="3"> rejeté </option>
                                    <option value="4"> Non Souscrit </option>
                                    <option value="5"> EMC LIBRE </option>
                                    <option value="6"> détournment d'objectif </option> 
                            
                                <select>  
                                @if($errors->has('avis_banque'))
                                    <p class="help-block">
                                        {{ $errors->first('avis_banque') }}
                                    </p>
                                @endif
                                <p class="helper-block">
                                    {{ trans('cruds.client.fields.first_name_helper') }}
                                </p>
                            </div>
                            
                            <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                                <label for="email">Note</label>
                                <textarea  name="note" class="form-control" rows="8" cols="8"> </textarea> 
                                @if($errors->has('email'))
                                    <p class="help-block">
                                        {{ $errors->first('note') }}
                                    </p>
                                @endif
                                <p class="helper-block">
                                
                                </p>
                            </div>
                            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}" /> 
                    </div>
                </div>
            </div>
        </div>

        <br /> 

        <div class="card">
            <div class="card-header">
                
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>

                                <th width="20%">
                                    Libellé
                                </th>

                                <th width="50%">
                                    Description
                                </th>

                                <th width="10%">
                                    Prix HT
                                </th>

                                <th width="5%">
                                    Quantité 
                                </th>
                                
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($produits as $c)
                                <tr>
                                    <td> {{ explode( ':::', $c)[1] ?? ''}} </td> 

                                    <td> {{ explode( ':::', $c)[3] ?? '' }}  </td> 

                                    <td> <input class="form-control" value="{{ explode( ':::', $c)[2] ?? ''}}" name="price[]" />  </td> 

                                    <td> <input class="form-control" value="1" name="qty[]" />  </td> 
                                
                                </tr>
                            @endforeach 
                        </tbody>
                    </table>
                </div>
                <br /> 
                <div class="row"> 
                    <div class="col-md-12 text-center"> 
                        <input type="submit" class="btn btn-success" value="Enregistrer la commande"/> 
                        <a href="{{ route('admin.panier.supprimer')  }}"class="btn btn-danger"> Annuler la commande </a> 
                    </div>
                </div>
            </div>
        </div>
    </form>

    <script>
        $('.select2').select2(); 
    </script>
@endsection