@extends('both.template')
@section('title', 'LEAD PROJETS | OPTIMIA')

@section('styleSheets')
    <!-- Datatable CSS -->
    <link rel="stylesheet" href="{{ URL::to('css/dataTables.bootstrap4.min.css') }}">
@endsection

@section('content')
    <!-- Page Wrapper -->
    <div class="page-wrapper">

        <!-- Page Content -->
        <div class="content container-fluid">

            <!-- Page Header -->
            <div class="page-header">
                <div class="row">
                    <div class="col-sm-12">
                        <h3 class="page-title">Leads</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ url('root/projects/') }}">Projets</a></li>
                            <li class="breadcrumb-item active">Leads</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /Page Header -->

            <div class="row">
                <div class="col-lg-12">
                    <div class="table-responsive">
                        @php
                            $colors = [
                                1 => 'warning',
                                2 => 'danger',
                                3 => 'success',
                                4 => 'info'
                            ];
                        @endphp
                        <table class="table table-striped table-nowrap custom-table mb-0 datatable">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Leader</th>
                                    <th>Email</th>
                                    <th>Phone</th>
                                    <th>Projet</th>
                                    <th>Staff</th>
                                    <th>Status</th>
                                    <th>Création</th>
                                    <th class="text-right">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 1; @endphp
                                @foreach($authors as $lead)
                                    @if ($lead->isLeader === 1)
                                        <tr>
                                            <td>{{ $i }}</td>
                                            <td>
                                                <h2 class="table-avatar">
                                                    <a href="#" class="avatar"><img alt="" src="{{ asset('/storage/usersProfiles/'.$lead->employerProfile) }}"></a>
                                                    <a href="#">{{ $lead->employeeFirstname.' '.$lead->employeeLastname }}</a>
                                                </h2>
                                            </td>
                                            <td><a href="#" >{{ $lead->employeeEmail }}</a></td>
                                            <td>{{ $lead->employeePhone }}</td>
                                            <td><a href="#">{{ $lead->projectName }}</a></td>
                                            <td>
                                                <ul class="team-members">
                                                    @foreach($authors as $team)
                                                        @if ($team->isLeader === 0 && $team->idProjectList == $lead->idProjectList)
                                                            <li>
                                                                <a href="#" title="{{ $team->employeeFirstname.' '.$team->employeeLastname }}" data-toggle="tooltip">
                                                                    <img alt="" src="{{ asset('/storage/usersProfiles/'.$team->employerProfile) }}">
                                                                </a>
                                                            </li>
                                                        @endif
                                                    @endforeach
                                                </ul>
                                            </td>
                                            <td>
                                                <span class="badge bg-inverse-{{ $colors[$lead->idProjectState] }}">{{ $lead->projectStateName }}</span>
                                            </td>
                                            <td>{{ date('d M Y', strtotime($lead->createdAt)) }}</td>
                                            <td class="text-right">
                                                <div class="dropdown dropdown-action">
                                                    <a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="material-icons">more_vert</i></a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a class="dropdown-item" href="#"><i class="fa fa-pencil m-r-5"></i> Editer</a>
                                                        <a class="dropdown-item" href="#"><i class="fa fa-trash-o m-r-5"></i> Supprimer</a>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        @php $i++; @endphp
                                    @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Page Content -->

    </div>
    <!-- /Page Wrapper -->
@endsection

@section('scriptsSheets')
    <script src="{{ URL::to('js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ URL::to('js/dataTables.bootstrap4.min.js') }}"></script>

    <script type="text/javascript">

    </script>
@endsection