@extends('layouts.admin-base')

@section('css')
    <!-- This Page CSS -->
    <link rel="stylesheet" type="text/css" href="{{asset('assets/libs/select2/dist/css/select2.min.css')}}">
@endsection

@section('under-header')

    <div style="margin-bottom:20px;" class="page-wrapper">
        <!-- ============================================================== -->
        <!-- Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <div class="page-breadcrumb border-bottom">
            <div class="row">
                <div class="col-lg-3 col-md-4 col-xs-12 align-self-center">
                    <h5 class="font-medium  mb-0">Liste des équipes</h5>
                </div>
                <div class="col-lg-9 col-md-8 col-xs-12 align-self-center">
                    <!--button class="btn btn-danger text-white float-right ml-3 d-none d-md-block">Buy Ample Admin</button-->
                    <nav aria-label="breadcrumb" class="mt-2 float-md-right float-left">
                        <ol class="breadcrumb mb-0 justify-content-end p-0">
                            <li class="breadcrumb-item"><a href="#">Equipes</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Admin</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Container fluid  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- footer -->
        <!-- ============================================================== -->
</div>

@endsection

@section('content')

                    <div class="page-content container-fluid">
                    
                        <div class="row">
                            <div style="padding-left:30px; padding-right:30px" class="col-md-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h5 class="card-title text-uppercase mb-0">Equipe 1</h5>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table no-wrap user-table mb-0" id="ta-ble">
                                            <thead>
                                                <tr>
                                                    <th scope="col" class="border-0 text-uppercase font-medium pl-4">#</th>
                                                    <th scope="col" class="border-0 text-uppercase font-medium">Nom</th>
                                                    <th scope="col" class="border-0 text-uppercase font-medium">Occupation</th>
                                                    <th scope="col" class="border-0 text-uppercase font-medium">Email</th>
                                                    <th scope="col" class="border-0 text-uppercase font-medium">Rôle</th>
                                                    <th scope="col" class="border-0 text-uppercase font-medium">Manage</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="pl-4">1</td>
                                                    <td>
                                                        <h5 class="font-medium mb-0">Daniel Kristeen</h5>
                                                        <span class="text-muted">Texas, Unitedd states</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">Nombre de tâches : 40 </span><br>
                                                        <span class="text-muted">Nombre de tâches terminées : 14</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">daniel@website.com</span><br>
                                                        <span class="text-muted">999 - 444 - 555</span>
                                                    </td>
                                                    <td>
                                                        <select class="form-control category-select" id="exampleFormControlSelect1">
                                                <option>Modulator</option>
                                                <option>Admin</option>
                                                <option>User</option>
                                                <option>Subscriber</option>
                                                </select>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle" onclick="delete()"><i class="ti-trash"></i> </button>
                                                        <button type="button" data-toggle="modal" data-target="#create" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="ti-pencil-alt"></i> </button>
                                                        <div class="modal" id="create">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Modifier</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <form>
                                                                            <div class="form-group">
                                                                                <label for="member-name" class="control-label">Nom:</label>
                                                                                <input type="text" class="form-control" id="member-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="email-name" class="control-label">Email:</label>
                                                                                <input type="text" class="form-control" id="email-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="phone" class="control-label">Téléphone:</label>
                                                                                <input type="text" class="form-control" id="phone">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="" class="control-label">Affecter à une tâche:</label>
                                                                                <div class="card">
                                                                                    <div class="card-body">
                                                                                        <select class="select2 form-control block" multiple="multiple" style="width: 75%">
                                                                                                <option value="AK">Codjo</option>
                                                                                                <option value="HI">Hawaii</option>
                                                                                                <option value="CA" selected>California</option>
                                                                                                <option value="NV">Nevada</option>
                                                                                                <option value="OR">Oregon</option>
                                                                                                <option value="WA" selected>Washington</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                                                                        <button type="button" class="btn btn-success waves-effect waves-light">Sauvegarder</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="pl-4">2</td>
                                                    <td>
                                                        <h5 class="font-medium mb-0">Emma Smith</h5>
                                                        <span class="text-muted">Texas, Unitedd states</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">Nombre de tâches : 20 </span><br>
                                                        <span class="text-muted">Nombre de tâches terminées : 3</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">daniel@website.com</span><br>
                                                        <span class="text-muted">999 - 444 - 555</span>
                                                    </td>
                                                    <td>
                                                        <select class="form-control category-select" id="exampleFormControlSelect1">
                                                <option>Modulator</option>
                                                <option>Admin</option>
                                                <option>User</option>
                                                <option>Subscriber</option>
                                                </select>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle" onclick="delete()"><i class="ti-trash"></i> </button>
                                                        <button type="button" data-toggle="modal" data-target="#create" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="ti-pencil-alt"></i> </button>
                                                        <div class="modal" id="create">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Modifier</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <form>
                                                                            <div class="form-group">
                                                                                <label for="member-name" class="control-label">Nom:</label>
                                                                                <input type="text" class="form-control" id="member-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="email-name" class="control-label">Email:</label>
                                                                                <input type="text" class="form-control" id="email-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="phone" class="control-label">Téléphone:</label>
                                                                                <input type="text" class="form-control" id="phone">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="" class="control-label">Affecter à une tâche:</label>
                                                                                <div class="card">
                                                                                    <div class="card-body">
                                                                                        <select class="select2 form-control block" multiple="multiple" style="width: 75%">
                                                                                                <option value="AK">Codjo</option>
                                                                                                <option value="HI">Hawaii</option>
                                                                                                <option value="CA" selected>California</option>
                                                                                                <option value="NV">Nevada</option>
                                                                                                <option value="OR">Oregon</option>
                                                                                                <option value="WA" selected>Washington</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                                                                        <button type="button" class="btn btn-success waves-effect waves-light">Sauvegarder</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="pl-4">3</td>
                                                    <td>
                                                        <h5 class="font-medium mb-0">Olivia Johnson</h5>
                                                        <span class="text-muted">Texas, Unitedd states</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">Nombre de tâches : 15</span><br>
                                                        <span class="text-muted">Nombre de tâches terminées : 6</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">daniel@website.com</span><br>
                                                        <span class="text-muted">999 - 444 - 555</span>
                                                    </td>
                                                    <td>
                                                        <select class="form-control category-select" id="exampleFormControlSelect1">
                                                <option>Modulator</option>
                                                <option>Admin</option>
                                                <option>User</option>
                                                <option>Subscriber</option>
                                                </select>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle" onclick="delete()"><i class="ti-trash"></i> </button>
                                                        <button type="button" data-toggle="modal" data-target="#create" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="ti-pencil-alt"></i> </button>
                                                        <div class="modal" id="create">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Modifier</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <form>
                                                                            <div class="form-group">
                                                                                <label for="member-name" class="control-label">Nom:</label>
                                                                                <input type="text" class="form-control" id="member-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="email-name" class="control-label">Email:</label>
                                                                                <input type="text" class="form-control" id="email-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="phone" class="control-label">Téléphone:</label>
                                                                                <input type="text" class="form-control" id="phone">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="" class="control-label">Affecter à une tâche:</label>
                                                                                <div class="card">
                                                                                    <div class="card-body">
                                                                                        <select class="select2 form-control block" multiple="multiple" style="width: 75%">
                                                                                                <option value="AK">Codjo</option>
                                                                                                <option value="HI">Hawaii</option>
                                                                                                <option value="CA" selected>California</option>
                                                                                                <option value="NV">Nevada</option>
                                                                                                <option value="OR">Oregon</option>
                                                                                                <option value="WA" selected>Washington</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                                                                        <button type="button" class="btn btn-success waves-effect waves-light">Sauvegarder</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="pl-4">4</td>
                                                    <td>
                                                        <h5 class="font-medium mb-0">Isabella Williams</h5>
                                                        <span class="text-muted">Texas, Unitedd states</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">Nombre de tâches : 25 </span><br>
                                                        <span class="text-muted">Nombre de tâches terminées : 20</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">daniel@website.com</span><br>
                                                        <span class="text-muted">999 - 444 - 555</span>
                                                    </td>
                                                    <td>
                                                        <select class="form-control category-select" id="exampleFormControlSelect1">
                                                <option>Modulator</option>
                                                <option>Admin</option>
                                                <option>User</option>
                                                <option>Subscriber</option>
                                                </select>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle" onclick="delete()"><i class="ti-trash"></i> </button>
                                                        <button type="button" data-toggle="modal" data-target="#create" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="ti-pencil-alt"></i> </button>
                                                        <div class="modal" id="create">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Modifier</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <form>
                                                                            <div class="form-group">
                                                                                <label for="member-name" class="control-label">Nom:</label>
                                                                                <input type="text" class="form-control" id="member-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="email-name" class="control-label">Email:</label>
                                                                                <input type="text" class="form-control" id="email-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="phone" class="control-label">Téléphone:</label>
                                                                                <input type="text" class="form-control" id="phone">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="" class="control-label">Affecter à une tâche:</label>
                                                                                <div class="card">
                                                                                    <div class="card-body">
                                                                                        <select class="select2 form-control block" multiple="multiple" style="width: 75%">
                                                                                                <option value="AK">Codjo</option>
                                                                                                <option value="HI">Hawaii</option>
                                                                                                <option value="CA" selected>California</option>
                                                                                                <option value="NV">Nevada</option>
                                                                                                <option value="OR">Oregon</option>
                                                                                                <option value="WA" selected>Washington</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                                                                        <button type="button" class="btn btn-success waves-effect waves-light">Sauvegarder</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="pl-4">5</td>
                                                    <td>
                                                        <h5 class="font-medium mb-0">Sophia Jones</h5>
                                                        <span class="text-muted">Texas, Unitedd states</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">Nombre de tâches : 17 </span><br>
                                                        <span class="text-muted">Nombre de tâches terminées : 5</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">daniel@website.com</span><br>
                                                        <span class="text-muted">999 - 444 - 555</span>
                                                    </td>
                                                    <td>
                                                        <select class="form-control category-select" id="exampleFormControlSelect1">
                                                <option>Modulator</option>
                                                <option>Admin</option>
                                                <option>User</option>
                                                <option>Subscriber</option>
                                                </select>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle" onclick="delete()"><i class="ti-trash"></i> </button>
                                                        <button type="button" data-toggle="modal" data-target="#create" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="ti-pencil-alt"></i> </button>
                                                        <div class="modal" id="create">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Modifier</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <form>
                                                                            <div class="form-group">
                                                                                <label for="member-name" class="control-label">Nom:</label>
                                                                                <input type="text" class="form-control" id="member-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="email-name" class="control-label">Email:</label>
                                                                                <input type="text" class="form-control" id="email-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="phone" class="control-label">Téléphone:</label>
                                                                                <input type="text" class="form-control" id="phone">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="" class="control-label">Affecter à une tâche:</label>
                                                                                <div class="card">
                                                                                    <div class="card-body">
                                                                                        <select class="select2 form-control block" multiple="multiple" style="width: 75%">
                                                                                                <option value="AK">Codjo</option>
                                                                                                <option value="HI">Hawaii</option>
                                                                                                <option value="CA" selected>California</option>
                                                                                                <option value="NV">Nevada</option>
                                                                                                <option value="OR">Oregon</option>
                                                                                                <option value="WA" selected>Washington</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                                                                        <button type="button" class="btn btn-success waves-effect waves-light">Sauvegarder</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="pl-4">6</td>
                                                    <td>
                                                        <h5 class="font-medium mb-0">Charlotte Brown</h5>
                                                        <span class="text-muted">Texas, Unitedd states</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">Nombre de tâches : 78 </span><br>
                                                        <span class="text-muted">Nombre de tâches terminées : 1</span>
                                                    </td>
                                                    <td>
                                                        <span class="text-muted">daniel@website.com</span><br>
                                                        <span class="text-muted">999 - 444 - 555</span>
                                                    </td>
                                                    <td>
                                                        <select class="form-control category-select" id="exampleFormControlSelect1">
                                                <option>Modulator</option>
                                                <option>Admin</option>
                                                <option>User</option>
                                                <option>Subscriber</option>
                                                </select>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle" onclick="delete()"><i class="ti-trash"></i> </button>
                                                        <button type="button" data-toggle="modal" data-target="#create" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="ti-pencil-alt"></i> </button>
                                                        <div class="modal" id="create">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Modifier</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <form>
                                                                            <div class="form-group">
                                                                                <label for="member-name" class="control-label">Nom:</label>
                                                                                <input type="text" class="form-control" id="member-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="email-name" class="control-label">Email:</label>
                                                                                <input type="text" class="form-control" id="email-name">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="phone" class="control-label">Téléphone:</label>
                                                                                <input type="text" class="form-control" id="phone">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="" class="control-label">Affecter à une tâche:</label>
                                                                                <div class="card">
                                                                                    <div class="card-body">
                                                                                        <select class="select2 form-control block" multiple="multiple" style="width: 75%">
                                                                                                <option value="AK">Codjo</option>
                                                                                                <option value="HI">Hawaii</option>
                                                                                                <option value="CA" selected>California</option>
                                                                                                <option value="NV">Nevada</option>
                                                                                                <option value="OR">Oregon</option>
                                                                                                <option value="WA" selected>Washington</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                                                                        <button type="button" class="btn btn-success waves-effect waves-light">Sauvegarder</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                   
@endsection

@section('script')
    
    <script src="{{asset('assets/libs/select2/dist/js/select2.full.min.js')}}"></script>
    <script src="{{asset('assets/libs/select2/dist/js/select2.min.js')}}"></script>
    <script src="{{asset('dist/js/pages/forms/select2/select2.init.js')}}"></script>
    <!--This page JavaScript -->
	<script src="{{asset('assets/libs/quill/dist/quill.min.js')}}"></script>
    <!-- Initialize Quill editor -->
    <script src="{{asset('dist/js/pages/todo/todo.js')}}"></script>
    
    <script>
        function delete() {
            document.getElementById("ta-ble").deleteRow(0);
        }
    </script>

    <script src="../../assets/libs/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src="../../assets/libs/popper.js/dist/umd/popper.min.js"></script>
    <script src="../../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- apps -->
    <script src="../../dist/js/app.min.js"></script>
    <script src="../../dist/js/app.init.horizontal-fullwidth.js"></script>
    <script src="../../dist/js/app-style-switcher.js"></script>
    <!-- slimscrollbar scrollbar JavaScript -->
    <script src="../../assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
    <script src="../../assets/extra-libs/sparkline/sparkline.js"></script>
    <!--Wave Effects -->
    <script src="../../dist/js/waves.js"></script>
    <!--Menu sidebar -->
    <script src="../../dist/js/sidebarmenu.js"></script>
    <!--Custom JavaScript -->
    <script src="../../dist/js/custom.min.js"></script>
    <!-- This Page JS -->
    <script src="../../assets/libs/chartist/dist/chartist.min.js"></script>
    <script src="../../dist/js/pages/chartist/chartist-plugin-tooltip.js"></script>
    <script src="../../assets/extra-libs/c3/d3.min.js"></script>
    <script src="../../assets/extra-libs/c3/c3.min.js"></script>
    <script src="../../assets/libs/raphael/raphael.min.js"></script>
    <script src="../../assets/libs/morris.js/morris.min.js"></script>
    <script src="../../dist/js/pages/dashboards/dashboard1.js"></script>
    <script src="../../assets/libs/moment/min/moment.min.js"></script>
    <script src="../../assets/libs/fullcalendar/dist/fullcalendar.min.js"></script>
    <script src="../../dist/js/pages/calendar/cal-init.js"></script>

@endsection