@extends('admin')

@section('title')
NotaireApp - Créer Nouveau 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">Créer un
        nouveau vendeur</a> </div>
<!-- END: Breadcrumb -->
@endsection

<div class="intro-y flex items-center mt-8">
    <h2 class="text-lg font-medium mr-auto">
        Créer un nouveau vendeur du dossier N°      </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">
        

                    <input style="display: none;" class="input w-full  mt-2 border-2" name="id_dossier" value="{{ $dossiers->id }}">
                               
                    
                    <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)
                                
                                <option value="{{$client->id}}">
                                    @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>
                            <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" 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>
                        </div>
                    </div>
                    <br>
                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Date vendeur</label>
                                <input class="input w-full border-2 mt-2 " name="date_signe"
                                    placeholder="Date" type="date" value="2024-09-20">

                            </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">
    $('.credit').change(function () {
        if ($(this).val() == '1') {
            var x = document.getElementById("divavec");


            x.style.display = "grid";

        } else {
            var x = document.getElementById("divavec");

            x.style.display = "none";

        }

    });
</script>
@endsection