@extends('app')


<!--**********************************
   lien css ou js -- header
***********************************-->

@section('header')
{{-- <link rel="icon" type="image/png" sizes="16x16" href="{{asset('assets/images/favicon.png')}}"> --}}
<link rel="stylesheet" href="{{asset('assets/vendor/chartist/css/chartist.min.css')}}">
<link href="{{asset('assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css')}}" rel="stylesheet">
<link href="{{asset('assets/vendor/datatables/css/jquery.dataTables.min.css')}}" rel="stylesheet">
<link href="{{asset('assets/css/style.css')}}" rel="stylesheet">
@endsection

<!--**********************************
   fin lien css ou js -- header
***********************************-->




<!--**********************************
    body
***********************************-->
@section('content')
    
@include('app.employer.modals.add_employer')

<div class="container-fluid">
    <div class="card">
        <div class="card-header d-sm-flex d-block">
            <div class="mr-auto mb-sm-0 mb-3">
                <h4 class="card-title mb-2">Liste des emlpoyers de l'entreprise</h4>
                <span></span>
            </div>
            <a href="javascript:void(0);" class="btn btn-info light mr-3"><i class="las la-download scale3 mr-2"></i>Import PDF</a>
            <a href="javascript:void(0);" class="btn btn-info" data-toggle="modal" data-target="#reviewModalADDEmployer">+ Employer</a>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table style-1" id="ListDatatableView">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>NOM $ EMAIL</th>
                            <th>ADRESSE $ TELEPHONE</th>
                            <th>FONCTION</th>
                            <th>MATRICULE</th>
                            <th>STATUS</th>
                            <th>ACTION</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <h6>1.</h6>
                            </td>
                            <td>
                                <div class="media style-1">
                                    <img src="{{asset('assets/images/avatar/1.jpg')}}" class="img-fluid mr-2" alt="">
                                    <div class="media-body">
                                        <h6>John Doe</h6>
                                        <span>johndoe@gmail.com</span>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <h6>Deido</h6>
                                    <span>654854745</span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <h6 class="text-primary">dev</h6>
                                </div>
                            </td>
                            <td>
                                Mat14588
                            </td>
                            <td><span class="badge badge-warning">Pending</span></td>
                            <td>
                                <div class="d-flex action-button">
                                    <a href="javascript:void(0);" class="btn btn-info btn-xs light px-2">
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M17 3C17.2626 2.73735 17.5744 2.52901 17.9176 2.38687C18.2608 2.24473 18.6286 2.17157 19 2.17157C19.3714 2.17157 19.7392 2.24473 20.0824 2.38687C20.4256 2.52901 20.7374 2.73735 21 3C21.2626 3.26264 21.471 3.57444 21.6131 3.9176C21.7553 4.26077 21.8284 4.62856 21.8284 5C21.8284 5.37143 21.7553 5.73923 21.6131 6.08239C21.471 6.42555 21.2626 6.73735 21 7L7.5 20.5L2 22L3.5 16.5L17 3Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </a>
                                    <a href="javascript:void(0);" class="ml-2 btn btn-xs px-2 light btn-danger">
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M3 6H5H21" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>

                                    </a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h6>2.</h6>
                            </td>
                            <td>
                                <div class="media style-1">
                                    <span class="icon-name mr-2 bgl-success text-success">m</span>
                                    <div class="media-body">
                                        <h6>Martin Chuaks</h6>
                                        <span>martinchuaks@gmail.com</span>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <h6>Deido</h6>
                                    <span>654854745</span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <h6 class="text-primary">dev</h6>
                                </div>
                            </td>
                            <td>
                                Mat14588
                            </td>
                            <td><span class="badge badge-danger">Danger</span></td>
                            <td>
                                <div class="d-flex action-button">
                                    <a href="javascript:void(0);" class="btn btn-info btn-xs light px-2">
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M17 3C17.2626 2.73735 17.5744 2.52901 17.9176 2.38687C18.2608 2.24473 18.6286 2.17157 19 2.17157C19.3714 2.17157 19.7392 2.24473 20.0824 2.38687C20.4256 2.52901 20.7374 2.73735 21 3C21.2626 3.26264 21.471 3.57444 21.6131 3.9176C21.7553 4.26077 21.8284 4.62856 21.8284 5C21.8284 5.37143 21.7553 5.73923 21.6131 6.08239C21.471 6.42555 21.2626 6.73735 21 7L7.5 20.5L2 22L3.5 16.5L17 3Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </a>
                                    <a href="javascript:void(0);" class="ml-2 btn btn-xs px-2 light btn-danger">
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M3 6H5H21" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h6>3.</h6>
                            </td>
                            <td>
                                <div class="media style-1">
                                    <img src="{{asset('assets/images/avatar/2.jpg')}}" class="img-fluid mr-2" alt="">
                                    <div class="media-body">
                                        <h6>Oliver Jean</h6>
                                        <span>oliverjean@gmail.com</span>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <h6>Deido</h6>
                                    <span>654854745</span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <h6 class="text-primary">dev</h6>
                                </div>
                            </td>
                            <td>
                                Mat14588
                            </td>
                            <td><span class="badge badge-info">Info</span></td>
                            <td>
                                <div class="d-flex action-button">
                                    <a href="javascript:void(0);" class="btn btn-info btn-xs light px-2">
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M17 3C17.2626 2.73735 17.5744 2.52901 17.9176 2.38687C18.2608 2.24473 18.6286 2.17157 19 2.17157C19.3714 2.17157 19.7392 2.24473 20.0824 2.38687C20.4256 2.52901 20.7374 2.73735 21 3C21.2626 3.26264 21.471 3.57444 21.6131 3.9176C21.7553 4.26077 21.8284 4.62856 21.8284 5C21.8284 5.37143 21.7553 5.73923 21.6131 6.08239C21.471 6.42555 21.2626 6.73735 21 7L7.5 20.5L2 22L3.5 16.5L17 3Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </a>
                                    <a href="javascript:void(0);" class="ml-2 btn btn-xs px-2 light btn-danger">
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M3 6H5H21" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>

                                    </a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h6>4.</h6>
                            </td>
                            <td>
                                <div class="media style-1">
                                    <img src="{{asset('assets/images/avatar/3.jpg')}}" class="img-fluid mr-2" alt="">
                                    <div class="media-body">
                                        <h6>John Doe</h6>
                                        <span>johndoe@gmail.com</span>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <h6>Deido</h6>
                                    <span>654854745</span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <h6 class="text-primary">dev</h6>
                                </div>
                            </td>
                            <td>
                                Mat14588
                            </td>
                            <td><span class="badge badge-success">Success</span></td>
                            <td>
                                <div class="d-flex action-button">
                                    <a href="javascript:void(0);" class="btn btn-info btn-xs light px-2">
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M17 3C17.2626 2.73735 17.5744 2.52901 17.9176 2.38687C18.2608 2.24473 18.6286 2.17157 19 2.17157C19.3714 2.17157 19.7392 2.24473 20.0824 2.38687C20.4256 2.52901 20.7374 2.73735 21 3C21.2626 3.26264 21.471 3.57444 21.6131 3.9176C21.7553 4.26077 21.8284 4.62856 21.8284 5C21.8284 5.37143 21.7553 5.73923 21.6131 6.08239C21.471 6.42555 21.2626 6.73735 21 7L7.5 20.5L2 22L3.5 16.5L17 3Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </a>
                                    <a href="javascript:void(0);" class="ml-2 btn btn-xs px-2 light btn-danger">
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M3 6H5H21" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>

                                    </a>
                                </div>
                            </td>
                        </tr>
                       
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
<!--**********************************
    fin body
***********************************-->






<!--**********************************
    lien js -- footer
***********************************-->
@section('footer')
     <!-- Required vendors -->
     <script src="{{asset('assets/vendor/global/global.min.js')}}"></script>
     <script src="{{asset('assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js')}}"></script>
    
     
     <script src="{{asset('assets/vendor/chart.js/Chart.bundle.min.js')}}"></script>
     <script src="{{asset('assets/vendor/datatables/js/jquery.dataTables.min.js')}}"></script>
     <script src="{{asset('assets/js/plugins-init/datatables.init.js')}}"></script>

     <script src="{{asset('assets/js/custom.min.js')}}"></script>
     <script src="{{asset('assets/js/deznav-init.js')}}"></script>
@endsection

<!--**********************************
    fin lien  -- footer
***********************************-->