@extends('admin')

@section('title')
NotaireApp - Créer Une Nouvelle 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 Une
            Nouvelle facture</a> </div>
<!-- END: Breadcrumb -->
@endsection

<div class="intro-y flex items-center mt-8">
    <h2 class="text-lg font-medium mr-auto">
        Nouvelle facture sur devis     </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">

                    <input style="display: none;" class="input w-full  mt-2 border-2" name="id_devis" value="{{ $devis->id }}">
        
                    <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="">N° facture</label>
                                
                                @if(isset($facture))
                                <input class="input w-full border-2 mt-2 " name="num_facture"
                                    placeholder="Numero de facture" type="text" value="{{ $facture->num_facture + 1 }}">
                                @else
                                <input class="input w-full border-2 mt-2 " name="num_facture"
                                placeholder="Numero de facture" type="text" value="{{ 1 }}">
                                @endif
                            </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