@extends('layouts.master')

@section('content')
            <!-- begin app-header -->
            <header class="app-header top-bar"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <!-- begin navbar -->
                
                    @include('layouts.nav')
                    
                <!-- end navbar -->
            </header>
            <!-- end app-header -->
            <!-- begin app-container -->
            <div class="app-container">
                <!-- begin app-nabar -->
                <aside class="app-navbar">
                    <!-- begin sidebar-nav -->
                    @include('layouts.sidebar')
                    <!-- end sidebar-nav -->
                </aside>
                <!-- end app-navbar -->
                <!-- begin app-main -->
                <div class="app-main" id="main">
                    <!-- begin container-fluid -->
                    <div class="container-fluid">
                        <!-- begin row -->
                        <div class="row">
                            <div class="col-md-12 m-b-30">
                                <!-- begin page title -->
                                <div class="d-block d-sm-flex flex-nowrap align-items-center">
                                    <div class="page-title mb-2 mb-sm-0">
                                        <h1>PED <i class="fa fa-angle-double-right"></i> {{ $company->company }} </h1>
                                    </div>
                                    <div class="ml-auto d-flex align-items-center">
                                        <nav>
                                            <ol class="breadcrumb p-0 m-b-0">
                                                <li class="breadcrumb-item">
                                                    <a href="#"><i class="ti ti-home"></i></a>
                                                </li>
                                                <li class="breadcrumb-item">
                                                        Client
                                                </li>
                                                <li class="breadcrumb-item active text-primary" aria-current="page">
                                                    {{ $company->company }}</li>
                                            </ol>
                                        </nav>
                                    </div>
                                </div>
                                <!-- end page title -->
                            </div>
                        </div>
                        <!-- end row -->
                        <!-- begin row -->
                        <div class="row">
                                
                            <div class="col-12 col-lg-12">
                                <div class="card card-statistics">
                                    
                                    
                                    
                                    @if (count($rep) > 0)

                                    <div class="card-header">
                                        <div class="card-heading">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <h4 class="card-title"></h4>
                                                </div>
                                                <div class="col-md-6">
                                                    <button type="button" class="btn btn-success float-right" style="margin-right: 0px;"
                                                        data-toggle="modal" data-target="#loginModal"> 
                                                        <i class="nav-icon fa fa-edit"></i>
                                                         
                                                            Nouveau calendrier
                                                         
                                                        </button>
                                                    
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>

                                    <div class="card-body">
                                        <div class="accordion" id="accordionsimpleborder">
                                            @foreach($ans as $an)
                                            <div class="mb-2 acd-group">
                                                <div class="card-header rounded-0 border">
                                                    <h5 class="mb-0">
                                                        <a href="#col{{$an->annee}}" 
                                                            class="btn-block text-left text-muted acd-heading collapsed" 
                                                        data-toggle="collapse"><i class="dashicons dashicons-controls-play"></i>
                                                        Année {{$an->annee}} </a>
                                                    </h5>
                                                </div>
                                                    <div id="col{{$an->annee}}" class="collapse" data-parent="#accordionsimpleborder">
                                                                <div class="card card-statistics task-list-contant">
                                                                    <div class="card-body table-responsive p-0">
                                                                        <table class="table task-table mb-0">
                                                                            
                                                                            <tbody class="text-muted mb-0">
                                                                                @foreach($an->mois as $k=>$mois)
                                                                                <tr>
                                                                                    <td>
                                                                                        <div class="form-check">
                                                                                            <a href="{{ url('list/'.$mois->id) }}">{{$mois->moisLet}} </a>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td class="w-30">
                                                                                        <div class="progress">
                                                                                            <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" role="progressbar" style="width: 65%"></div>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td class="task-table-td">
                                                                                        <div class="chat">
                                                                                            <i class="ti ti-comments"></i><span class="badge badge-warning ">0</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <p class="text-right text-warning">En cours</p>
                                                                                    </td>
                                                                                </tr>
                                                                                @endforeach
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                    </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>

                                    @else
                                        <div class="card text-center">
                                            <div class="card-body">
                                                    <h4 class="card-title">Il n'y a aucun PED </h4>
                                                    <p class="card-text">Veuillez créer un calendrier éditorial</p>
                                                <a href="" data-toggle="modal" data-target="#loginModal">
                                                    <i class="dashicons dashicons-download" style="font-size: 40px;"></i>
                                                    </a>
                                            </div>
                                        </div>
                                    @endif

                                    
                                </div>
                            </div>

                        </div>
                        <!-- end row -->
                </div>
                    <!-- end container-fluid -->
            </div>
                <!-- end app-main -->
        </div>
            <!-- end app-container -->
@endsection

@include('repertories.ajoutRepertory')