@extends('admin')

@section('title')
NotaireApp - Modifier Vendeur
@endsection


@section('content')

@section('menu-title')
<!-- BEGIN: Breadcrumb -->
<div class="-intro-x breadcrumb mr-auto hidden sm:flex"> <a href="{{ url('/admin') }}" class="">NotairesApp</a> <i
        data-feather="chevron-right" class="breadcrumb__icon"></i> <a href="#/" class="breadcrumb--active">Modifier vendeur</a> </div>
<!-- END: Breadcrumb -->
@endsection

<div class="intro-y flex items-center mt-8">
    <h2 class="text-lg font-medium mr-auto">
        Modifier le vendeur
    </h2>
</div>

<form method="post" action="" id="fileinfo" enctype="multipart/form-data"> 
@csrf
    <div class="grid grid-cols-12 gap-12 mt-5">

        <div class="intro-y col-span-12 lg:col-span-12">
            <!-- BEGIN: Input -->
            <div class="intro-y box p-5">

    
                    <div class="my-3">

                        <div class="">
                            <label> Dossier </label>
                            <div class="sm:mt-2">
                            
                                <select class="input w-full mt-2 border-2" name="id_dossier">
                                @foreach($dossiers as $dossier)

                                    
                                    @if($dossier->id == $vendeur->id_dossier)
                                                                            @endif


                                    <option value="{{$dossier->id }}"  selected = 'selected'>{{$dossier->num_dossier}}
                                    </option>
                                    @endforeach
                                </select>

                                <div class="help-block form-text with-errors form-control-feedback">
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-3">
                        <label>vendeurs</label>
                        <div class="mt-2">
                            <select data-placeholder="Selectionner un vendeur" name="id_client"
                                class="tail-select w-full" >
                                @foreach($clients as $client)

                                
                                @if($client->id == $vendeur->id_client)
                                                                    @endif
                                
                                <option value="{{$client->id}}"  selected = 'selected' >
                                    @if($client->type == 0)
                                        
                                        {{$client->raisonsocial}}
                                    @else
                                        {{$client->prenom}} {{$client->name}} 
                                    @endif
                                    
                                </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mt-3" style="display: flex;"> <label>Signé :</label>

                            @if($vendeur->signe == 0)
                                        
                            <div class="flex flex-col sm:flex-row mt-2"
                                style="margin-top: auto;margin-left: 76px;">
                                <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                                    <input type="radio" class="input border mr-2" id="horizontal-radio-chris-evans" name="signe" value="1">
                                    <label class="cursor-pointer select-none" for="horizontal-radio-chris-evans">Oui</label>
                                </div>
                                <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2 mt-2 sm:mt-0">
                                    <input type="radio" checked class="input border mr-2" id="horizontal-radio-liam-neeson" name="signe" value="0"> 
                                    <label class="cursor-pointer select-none" for="horizontal-radio-liam-neeson">Non</label>
                                </div>
                            </div>

                            @else
                            
                            <div class="flex flex-col sm:flex-row mt-2"
                                style="margin-top: auto;margin-left: 76px;">
                                <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                                    <input checked type="radio" class="input border mr-2" id="horizontal-radio-chris-evans" name="signe" value="1">
                                    <label class="cursor-pointer select-none" for="horizontal-radio-chris-evans">Oui</label>
                                </div>
                                <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2 mt-2 sm:mt-0">
                                    <input type="radio" class="input border mr-2" id="horizontal-radio-liam-neeson" name="signe" value="0"> 
                                    <label class="cursor-pointer select-none" for="horizontal-radio-liam-neeson">Non</label>
                                </div>
                            </div>

                            @endif

                            
                        </div>
                    </div>
                    <br>
                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Date Signe</label>
                                <input class="input w-full border-2 mt-2" name="date_signe" type="date" value="{{ $vendeur->date_signe }}">

                            </div>
                        </div>
                    </div>
                    <br>

                    <div class="my-2">
                <button class="button bg-theme-1 text-white mt-5 valid" type="submit">
                    Enregistrer</button>
            </div>
                    
                        
                </form>
            </div>
            <!-- END: Input -->

            



        </div>


        


    </div>
</form>



@endsection

@section('script')


<script>
    $(document).ready(function () {
        $("#bord").attr('class', 'side-menu');
        $("#client").attr('class', 'side-menu side-menu');
        $('#propr').attr('class', 'side-menu side-menu');
        $('#dossier').attr('class','side-menu side-menu--active');
        $('#charge').attr('class','side-menu side-menu');
    });
</script>


<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js">
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=[" your-google-map-api"]&libraries=places"></script>
<script src="{{asset('dist/js/app.js')}}"></script>

<script type="text/javascript">
    
</script>
@endsection