@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Prospects") }}
@endsection
<!-- ************************************** -->
@section('titre')
{{ __("Prospects") }}
@endsection

@section('titre_page')
{{ __("Liste des prospects") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
@include('layouts.partials.panelboutons', ['btn_ajout' => 'route', 'btn_imprim'=> false, 'btn_export'=> false])
@endsection
<!-- ************************************** -->
@section('contenu')
<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body p-100">
                <div class="table-responsive">
                    <table id="results" class="table table-striped table-compact table-advance table-hover" width="100%" cellspacing="0" data-order='[[ 1, "asc" ]]'>
                        <thead class="thead-dark">
                            <tr>
                                <th style="width: 50px;">#</th>
                                <th style="width: 200px;">{{ __("Nom") }}</th>
                                <th style="width: 100px;">{{ __("Statut") }}</th>
                                <th style="width: 200px;">{{ __("Prochaine Action Commerciale") }}</th>
                                <th style="width: 100px;">{{ __("Coordonnées") }}</th>
                                <th class="action">{{ __("Actions") }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($prospects as $item)

                            <tr>
                                <td>{!! $item->pro_id !!}</td>
                                <td>
                                    <strong>{!! $item->pro_name !!}</strong><br>
                                    {!! $item->pro_synonymous !!}
                                </td>
                                <td>{!! $item->pro_descStatus !!}</td>
                                <td>{!! date_en_fr($item->pro_dateActionComm) !!}</td>
                                <td>Tel : <a href="tel:{!! $item->pro_phone !!}">{!! $item->pro_phone !!}</a></td>

                                <td class="action">
                                    <a href="{{ route('editPros',[$item->pro_id])}}">
                                        <button class='btn btn-sm btn-success btn-edit btn-circle' data-toggle="tooltip" title="Modifier">{{ __("Modifier") }}</button>
                                    </a>
                                    <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $item->pro_id }}" data-id="{{ $item->pro_id }}">
                                        {{ __("Supprimer") }}
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('js_footer')
<script src="{{ asset('js/prospects/list.js')}}"></script>
@endsection

@section('modale')
@include('modales.delete_standard')
@endsection