@extends('admin.dashboard')
@section('A','active-tab')
@section('B','selected')
@section('rubrique')
    <div id="content">
        <div id="table-content">
            {{-- <table cellspacing="0" cellpadding="0">
                <thead>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Name</td>
                        <td>Description</td>
                        <td>Date Created</td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td class="name-td">Last quarter revenue</td>
                        <td class="desc-td">Revenue for last quarter in state America for year 2013, with
                            ...</td>
                        <td class="date-td">6 minutes ago <i class="fa fa-clock-o"
                                aria-hidden="true"></i></td>
                        <td></td>
                    </tr>
                    <tr class="checked">
                        <td><input type="checkbox" checked="checked"></td>
                        <td class="name-td">Expenses in 2013</td>
                        <td class="desc-td"></td>
                        <td class="date-td">2 hours ago <i class="fa fa-clock-o" aria-hidden="true"></i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td class="name-td">Accounting</td>
                        <td class="desc-td">Lorem ipsum dolor sit amet.</td>
                        <td class="date-td">5 hours ago <i class="fa fa-clock-o" aria-hidden="true"></i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td class="name-td">Starbucks orders</td>
                        <td class="desc-td">Ut euismod augue ut nulla aliquam, eu congue ipsum euismod.
                        </td>
                        <td class="date-td">12 hours ago <i class="fa fa-clock-o"
                                aria-hidden="true"></i></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td class="name-td">East coast customers in 2012</td>
                        <td class="desc-td"></td>
                        <td class="date-td">yesterday <i class="fa fa-clock-o" aria-hidden="true"></i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td class="name-td">Last quarter expenses</td>
                        <td class="desc-td">Lorem ipsum dolor sit amet.</td>
                        <td class="date-td">2 days ago <i class="fa fa-clock-o" aria-hidden="true"></i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td class="name-td">HR 2013 worksheet</td>
                        <td class="desc-td">Nulla aliquam, eu congue ipsum euismod.</td>
                        <td class="date-td">2 days ago <i class="fa fa-clock-o" aria-hidden="true"></i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td class="name-td">Salaries last quarter</td>
                        <td class="desc-td">Lorem ipsum dolor sit amet.</td>
                        <td class="date-td">1 week ago <i class="fa fa-clock-o" aria-hidden="true"></i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td class="name-td">Accounting</td>
                        <td class="desc-td">Lorem ipsum dolor sit amet.</td>
                        <td class="date-td">5 hours ago <i class="fa fa-clock-o" aria-hidden="true"></i>
                        </td>
                        <td></td>
                    </tr>
                </tbody>
            </table> --}}
            <table id='tableau' class='display'> 
                <thead>                                         
                    <tr>
                        <th>Nom</th><th>Numéro</th>
                        <th>Mail</th><th>Compétences</th>
                        <th>Expérience</th><th>CV</th>
                    </tr>     
                </thead>
                <tbody> 
                    @foreach($experts as $products1)
                    <tr>
                        <td>{{$products1->nom}}</td>
                        <td>{{$products1->numero}}</td>
                        <td>{{$products1->mail}}</td>
                        <td>{{$products1->competence}}</td>
                        <td>{{$products1->experience}}</td>
                        {{-- <td>{{$products1->cv}}</td> --}}
                        <td><a href="{{url('/'.($products1->cv))}}" target="_blank">Lire</a></td>
                        
                        
                        {{-- <td><img src="assets/img/top-products/{{$products1->photo}}" style="width: 100px">  </td> --}}
                        {{-- <td onclick="window.location.href = '{{ url('/modificationP/'.($products1->id_it))}}' "><button  o class="btn btn-info btn-sm" title="modifier" ><i class="fa fa-refresh"></i></button></td>
                        <td><button class="btn" title="Supprimer" id="supprimer{{$products1->id_it}}"><i class="fa fa-trash" style="font-size: 2em; color: red"></i></button></td> --}}

                    </tr>
                    @endforeach
                    
                    <script type="text/javascript">
                        
                        $('#supprimer{{$products1->id_it}}').on('click', function(){
                            let idproduit = {{$products1->id_it}};
                            console.log(idproduit);

                        swalWithBootstrapButtons.fire({
                        title: 'Etes vous sûr ?',
                        text: "Voulez vous vraiment supprimer ce produit ?",
                        type: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Oui, supprimer',
                        cancelButtonText: 'Non, abandonner',
                        reverseButtons: true
                        }).then((result) => {
                            if (result.value) {
                                showWaitingMask();
                                $.ajax({
                                    type: 'POST',
                                    url: '',
                                    data: {
                                        idproduit:idproduit,
                                        "_token":"{{ csrf_token() }}"
                                    },

                                    success:function(result) {
                                        showWaitingMask(false);
                                        if(result === '1'){
                                            swalWithBootstrapButtons.fire({
                                                title: 'Good Job',
                                                text: 'Produit supprimé avec succès',
                                                type: 'success',
                                                showConfirmButton: true,
                                                confirmButtonText: 'D\'accord'
                                            });
                                            window.location = 'liste_produit';
                                        }
                                        else{
                                            swalWithBootstrapButtons.fire({
                                                title: 'Ooops',
                                                text: 'Echec de l\'opération',
                                                type: 'error',
                                                showCancelButton: true,
                                                showConfirmButton:false,
                                                cancelButtonText: 'Hummmm'
                                            });
                                        }
                                    },

                                    error:function(result){
                                        showWaitingMask(false);
                                        console.log(result);
                                        swalWithBootstrapButtons.fire({
                                            title: 'Ooops',
                                            text: 'Echec de l\'opération',
                                            type: 'error',
                                            showCancelButton: true,
                                            showConfirmButton:false,
                                            cancelButtonText: 'Hummmm'
                                        });

                                    }
                                })    }

                            })

                        })
                    </script>
                </tbody> 
            </table>
        </div>
    </div>
    @endsection