@extends('admin')

@section('title')
NotaireApp - Créer Nouveau facture
@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 facture</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 facture
    </h2>
</div>

<form method="post" action="" id="fileinfo" enctype="multipart/form-data"> 
@csrf
    <div class="grid grid-cols-12 gap-6 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> Devis </label>
                            <div class="sm:mt-2">
                                
                                <select class="input w-full mt-2 border-2 selectedossier" required name="id_devis">
                                    <option value="">Selectionner un devis</option>
                                    @foreach($devis as $devis)
                                    <option value="{{$devis->id  }}">{{$devis->id}}
                                    </option>
                                    @endforeach
                                </select>
                                <div class="help-block form-text with-errors form-control-feedback">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">N° facture</label>
                                <input class="input w-full border-2 mt-2 " name="num_facture"
                                    placeholder="N° facture" type="text" >

                            </div>
                        </div>
                    </div>
                    
                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Date facture</label>
                                <input class="input w-full border-2 mt-2 " name="date_facture"
                                    placeholder="Date" type="date" value="2024-09-20">

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

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Remarque</label>
                                <textarea class="input w-full border mt-2" name="remarque"
                                    placeholder="Ramarque"></textarea>
                            </div>
                        </div>
                    </div>


                        
                </form>
            </div>
            <!-- END: Input -->



        </div>

        <div class="my-2">
            <button class="button bg-theme-1 text-white mt-5 valid" type="submit">
                Enregistrer</button>
        </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');
        $('#devis').attr('class','side-menu side-menu');
        $('#facture').attr('class','side-menu side-menu--active');
    });
</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