@extends('layouts.app')        
@if ($droits=Auth::user()->DroitParMenu(Auth::user()->id,2))
@endif
@section('content')

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">Ajout de prix</h1>
            </div>
            <!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.index') }}">Accueil</a>
                    </li>
                    <li class="breadcrumb-item active">
                       Ajout de prix
                    </li>
                </ol>
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-8 mx-auto">
                <div class="card card-primary">
                    <div class="card-header">
                        <h5 class="text-center mt-2">Ajout de prix </h5>
                    </div>
                    @include('messages.alerts')
                    <form action="{{ route('admin.catalogue.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('POST')
                    <div class="card-body">
                        
                            <fieldset>
                                 <div class="form-group">
                                   <label for="">Catégorie</label>
                                   <select name="categorie_id" id="categorie_id" class="form-control" onchange="ChargerListeProduits(this.value)" >
                                         @foreach ($categories as $categorie)
                                           <option hidden disabled selected value> ---------------- </option>
                                            <option value="{{$categorie->id}}"

                                                   @if (old('categorie_id') == $categorie->id)
                                                                                       selected
                                                                                   @endif    


                                                >{{Str::upper($categorie->libelle)}}</option>
                                          @endforeach
                                   </select>
                                    @error('categorie_id')
                                        <div class="text-danger">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                   <label for="">Produit</label>
                                   <select name="produit_id" id="produit_id" class="form-control" >
                                   <option hidden disabled selected value> ---------------- </option>
                                   </select>
                                    @error('produit_id')
                                        <div class="text-danger">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="">Région</label>
                                     <select name="region_id" class="form-control">
                                         @foreach ($regions as $region)
                                            <option value="{{$region->id}}"

                                                   @if (old('region_id') == $region->id)
                                                                                       selected
                                                                                   @endif    


                                                >{{$region->libelle}}</option>
                                          @endforeach
                                    </select>
                                    @error('region_id')
                                        <div class="text-danger">
                                            {{ $region }}
                                        </div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="">Date début</label>
                                    <input type="text" name="datedebut_prix" value="{{ old('datedebut_prix') }}" id="datedebut_prix" class="form-control">
                                    @error('datedebut_prix')
                                        <div class="text-danger">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                 <div class="form-group">
                                    <label for="">Date fin</label>
                                    <input type="text" name="datefin_prix" value="{{ old('datefin_prix') }}" id="datefin_prix" class="form-control">
                                    @error('datefin_prix')
                                        <div class="text-danger">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                               <div class="form-group">
                                    <label for="">Prix minimum</label>
                                    <input type="text" name="prix_minimum" value="{{ old('prix_minimum') }}" class="form-control">
                                    @error('prix_minimum')
                                        <div class="text-danger">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                  <div class="form-group">
                                    <label for="">Prix maximum</label>
                                    <input type="text" name="prix_maximum" value="{{ old('prix_maximum') }}" class="form-control">
                                    @error('prix_maximum')
                                        <div class="text-danger">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                
                                
                              
                              
                            </fieldset>
                            
                        
                    </div>
                    <div class="card-footer text-center">
                        <button type="submit" class="btn btn-flat btn-primary" style="width: 40%; font-size:1.3rem">Enregistrer</button>
                    </div>
                </form>
                </div>
            </div>
        </div>
        
    </div>
    <!-- /.container-fluid -->
</section>
<!-- /.content -->

<!-- /.content-wrapper -->

@endsection

@section('extra-js')
<script>
    $().ready(function() {
           $('#datedebut_prix').daterangepicker({
                "singleDatePicker": true,
                "showDropdowns": true,
                "locale": {
                    "format": "DD-MM-YYYY"
                }
            });
            $('#datefin_prix').daterangepicker({
                "singleDatePicker": true,
                "showDropdowns": true,
                "locale": {
                    "format": "DD-MM-YYYY"
                }
            });
        
    });


      function ChargerListeProduits(categorie_id){
         var vh=document.getElementById('categorie_id').value;
         // Empty the dropdown
         $('#produit_id').find('option').not(':first').remove();

         var url_list="{{ URL::to('/') }}"+"/admin/catalogue/listeproduits/"+categorie_id;
         $.ajax({
           url: url_list,
           type: 'get',
           dataType: 'json',
           success: function(response){

             var len = 0;
             if(response['data'] != null){
               len = response['data'].length;
             }

             if(len > 0){
               // Read data and create <option >
               for(var i=0; i<len; i++){

                 var id = response['data'][i].id;
                 var name = response['data'][i].nom;
                 var option = "<option value='"+id+"'>"+name+"</option>";

                 $("#produit_id").append(option); 
               }
             }

           }
        });
    }   
</script>
@endsection