@php $tab_img=[];
$img_survol='';
$img_default='';
$img_couleur='';
@endphp
@if(count($stock->imagedeclinaisons)>0)
    @foreach($stock->imagedeclinaisons as $img)
        @php  $tab_img[]=$img->image_id @endphp
        @if($img->defaut==1)
            @php  $img_default=$img->image_id; @endphp
        @endif
        @if($img->survol==1)
            @php   $img_survol=$img->image_id; @endphp
        @endif
        @if($img->image_couleur==1)
            @php   $img_couleur=$img->image_id; @endphp
        @endif
    @endforeach
@endif


<div class="card">
    <div class="card-header">
        <div class="row">
            <div class="col-md-12">
                <h5 class="text-center">
                    @foreach($stock->declinaisons as $declinaison)
                        {{$declinaison->attributoption->attribut->name}}    <span style="font-weight: normal"> {{$declinaison->valeur}} </span>

                    @endforeach


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

    </div>


    <div class="row product-adding mb-3">

        <div class="col-xl-12">

            <form enctype="multipart/form-data" action="{{ route("stocks.update",$stock->id)}}" class="needs-validation add-product-form" method="POST">
                @csrf
                @method('PUT')
                <div class="form">

                    <div class="row"  >

                        <div class="col-md-12 mb-3"> <input @if($stock->defaut==1) checked @endif type="radio" value="1" name="defaut"> Définir comme déclinaison par défaut</div>
                        <div class="form-group mb-3 col-md-6">
                            <label for="prixttc" class="col-xl-12 col-sm-12 mb-0">P.U.TTC</label>
                            <div class="col-xl-10 col-sm-7">
                                <input required class="form-control" id="prixttc" name="prixttc" type="text"   value="{{$stock->prixttc}}"  >

                            </div>

                        </div>
                        <div class="form-group mb-3 col-md-4">
                            <label for="stock" class="col-xl-12 col-sm-12 mb-0">Stock</label>
                            <div class="col-xl-10 col-sm-7">
                                <input required class="form-control" id="stock" name="stock" type="text"   value="{{$stock->stock}}" >

                            </div>

                        </div>
                    </div>
                    <div class="row"  >


                    <!--div class="form-group mb-3 col-md-6">
                        <label for="qte_min" class="col-xl-12 col-sm-12 mb-0">Qte min vente</label>
                        <div class="col-xl-10 col-sm-7">
                            <input class="form-control" id="qte_min" name="qte_min" type="text"   value="{{$stock->qte_min}}" >

                        </div>

                    </div-->
                        <div class="form-group mb-3 col-md-6">
                            <label for="stock_alerte" class="col-xl-12 col-sm-12 mb-0">Stock alerte</label>
                            <div class="col-xl-10 col-sm-7">
                                <input class="form-control" id="stock_alerte" name="stock_alerte" type="text"  value="{{$stock->stock_alerte}}"  >

                            </div>

                        </div>
                    </div>
                    <div class="row"  >


                        <div class="form-group mb-3 col-md-12">
                            <label for="qte_min" class="col-xl-12 col-sm-12 mb-0">Image</label>
                            <input  multiple   class="form-control @error('image') is-invalid @enderror " id="inputimage" name="image[]" type="file"   >
                            <br>
                            <div class="row">
                                @foreach($stock->produit->images as $image)
                                    @php $class="" @endphp
                                    @if($img_default==$image->id)
                                        @php $class=" image_defaut" @endphp
                                    @endif
                                    @if($img_survol==$image->id)
                                        @php $class=" image_survol" @endphp
                                    @endif
                                    @if($img_couleur==$image->id)
                                        @php $class=" image_couleur" @endphp
                                    @endif
                                    <div class="col-md-3 ">
                                        <div id="image_container_{{$image->id}}" class="product-combination-image @if(in_array($image->id,$tab_img)) {{'img-highlight'}} @endif">
                                            <div  class="panel-body {{$class}}" id="images_{{$image->id}}">
                                                <input @if(in_array($image->id,$tab_img)) {{'checked'}} @endif type="checkbox" id="image_{{$image->id}}"  name="combinationimage[]" value="{{$image->id}}">
                                                <img data-rel="{{$image->id}}" class="img w-100" src="{{asset('images/produits').'/'.$image->image_name}}">
                                                <div class="image-actions">
                                                    <a title="marquer image defaut" href="javascript:default_image('{{$image->id}}');" class="btn btn-success"   ><i class="fa fa-check"></i></a>
                                                    <a title="marquer image survol" href="javascript:survol_image('{{$image->id}}');" class="btn btn-success"  ><i class="fa fa-hand-pointer-o"></i></a>
                                                    <a title="marquer image couleur" href="javascript:couleur_image('{{$image->id}}');" class="btn btn-success"  ><i class="fa fa-adjust"></i></a>

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

                                @endforeach

                            </div>
                            <input type="hidden" id="imagesurvol" name="imagesurvol" value="{{$img_survol}}" >
                            <input type="hidden" id="imagedefaut" name="imagedefaut" value="{{$img_default}}" >
                            <input type="hidden" id="imagecouleur" name="imagecouleur" value="{{$img_couleur}}" >
                        </div>

                    </div>
                </div>

                <div class="">
                    <button type="submit" class="btn btn-primary">Valider</button>
                    <button type="reset" class="btn btn-dark">Annuler</button>
                </div>
            </form>
        </div>
    </div>

</div>

<script>

    function default_image(id) {
        $('.image_defaut').removeClass('image_defaut');
        $("#images_"+id).addClass('image_defaut');
        $('#imagedefaut').val(id);
    }
    function survol_image(id,produit) {
        $('.image_survol').removeClass('image_survol');
        $("#images_"+id).addClass('image_survol');
        $('#imagesurvol').val(id);
    }
    function couleur_image(id,produit) {
        $('.image_couleur').removeClass('image_couleur');
        $("#images_"+id).addClass('image_couleur');
        $('#imagecouleur').val(id);
    }
</script>