@extends('admin.layout.master')
<style type="text/css">
    table {
        width: 100%;
        color: black;
        border-collapse: collapse;
    }
    th, td{
        border: 1px solid black;
        padding: 15px;
        vertical-align: top;
    }
    h2  { margin: 0; padding: 0px; }
    p { margin: 5px; }
    .no-border td {
        border: none;
        padding: 4px 2px;
        
    }
    .noBorder{
        border: 0px solid black;
    }
    .border th {
        border: 1px solid #000;
        color: black;
        background: #33db9e;
        padding: 5px 5px;
        font-weight: bold;
        font-size: 12px;
        text-align: center; }
    .border td {
        border: 1px solid #000;
        font-size: 12px;
        padding: 4px 2px;
        text-align: center;
        
    }
    .scrollit {
        overflow-y:scroll;
        height:100px;
    }
    .space { padding-top: 250px; }
        .45p { width: 45%; }.20p { width: 20%; }
        .10p { width: 10%; } .15p { width: 15%; }
        .5p { width:  5%; } .12p { width: 15%; }
        .25p { width: 25%; } .50p { width: 50%; }
        .60p { width: 60%; } .75p { width: 75%; }
        .100p { width: 100%;}.20p { width: 20%; }
        .90p { width: 90%;}
    .header
    {
        width:100%;
        font-size: 9px;
    }
</style>
<link rel="stylesheet" href="stylesheet.css">
@section('title') Tableau de bord @endsection

@section('content')
<div class="pcoded-content">
    <!-- [ breadcrumb ] start -->
    <div class="page-header">
        <div class="page-block">
            <div class="row align-items-center">
                <div class="col-md-12">
                    <div class="page-header-title">
                        <h5 class="m-b-10">Tableau de bord</h5>
                    </div>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="{{ route('home_path') }}">
                            <i class="feather icon-home"></i>
                        </a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{ route('home_path') }}">Tableau de bord</a>
                        </li>
                       
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- [ breadcrumb ] end -->
    <div class="pcoded-inner-content">
        <!-- Main-body start -->
        <div class="main-body">
            <div class="page-wrapper">

                <!-- Page-body start -->
                <div class="page-body">
                    <div class="row">
                        <!-- web statustic card start -->
                        <div class="col-xl-3 col-md-6">
                            <a onclick="showOverlay()" href="{{route("admin.souscripteur.index")}}">
                                <div class="card o-hidden bg-c-blue web-num-card">
                                    <div class="card-block text-white">
                                        <h5 class="m-t-15">Souscripteurs</h5>
                                        <h3 class="m-b-15">{{$souscripteurs}}</h3>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xl-3 col-md-6">
                            <a onclick="showOverlay()" href="{{route("admin.police.indexAll")}}">
                                <div class="card o-hidden bg-c-green web-num-card">
                                    <div class="card-block text-white">
                                        <h5 class="m-t-15">Polices</h5>
                                        <h3 class="m-b-15">{{$polices}}</h3>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xl-3 col-md-6">
                            <a onclick="showOverlay()" href="{{route("admin.adherent.indexAll")}}">
                                <div class="card o-hidden bg-c-red web-num-card">
                                    <div class="card-block text-white">
                                        <h5 class="m-t-15">Adhérents</h5>
                                        <h3 class="m-b-15">{{$adherents}}</h3>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xl-3 col-md-6">
                            <a onclick="showOverlay()" href="{{route("admin.beneficiaire.indexAll")}}">
                                <div class="card o-hidden bg-c-yellow web-num-card">
                                    <div class="card-block text-white">
                                        <h5 class="m-t-15">Bénéficiaires</h5>
                                        <h3 class="m-b-15">{{$beneficiaires}}</h3>
                                    </div>
                                </div>
                             </a>
                        </div>
                        @foreach ($depenseSinitres as $depenseSinitre)
                            <!-- web statustic card start -->
                            <div class="col-xl-4 col-md-6" style="margin-top: -50px;">
                                <a onclick="showOverlay()" href="{{route("admin.sinistre.indexAll")}}">
                                    <div class="card stat-rev-card">
                                        <div class="card-block">
                                            <div class="rev-icon bg-c-green" style="background: cornflowerblue;"><i class="fas fa-money-bill-alt text-white"></i><span class="ring-sm"></span><span class="ring-lg"></span></div>
                                            <h2 class="text-c-green">{{ number_format($depenseSinitre->SinistresValide, 0, '', ' ')  }} FCFA</h2>
                                            <p style="font-size: 16px;font-weight: bold;">Sinistres Validés</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xl-4 col-md-6" style="margin-top: -50px;">
                                <a onclick="showOverlay()" href="{{route("admin.sinistre.indexAll")}}">
                                    <div class="card stat-rev-card">
                                        <div class="card-block">
                                            <div class="rev-icon bg-c-yellow" style="background: darkviolet;"><i class="fas fa-user text-white"></i><span class="ring-sm"></span><span class="ring-lg"></span></div>
                                            <h2 class="text-c-yellow">{{ number_format($depenseSinitre->BenefTraites, 0, '', ' ') }}</h2>
                                            <p style="font-size: 16px;font-weight: bold;">Bénéficiaires traités</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xl-4 col-md-6" style="margin-top: -50px;">
                                <a onclick="showOverlay()" href="{{route("admin.sinistre.indexAll")}}">
                                    <div class="card stat-rev-card">
                                        <div class="card-block">
                                            <div class="rev-icon bg-c-green" style="background: brown;"><i class="fas fa-money-bill-alt text-white"></i><span class="ring-sm"></span><span class="ring-lg"></span></div>
                                            <h2 class="text-c-green">{{ number_format($depenseSinitre->SinistresEnAttente, 0, '', ' ')  }} FCFA</h2>
                                            <p style="font-size: 16px;font-weight: bold;">Sinistres Provisoires</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            
                            <!-- web statustic card end -->
                        @endforeach
                       
                        <!-- market, Bandwidth usage card start -->
                        <div class="col-md-12" style="margin-top: -20px;">
                            <div class="card table-card">
                                <div class="card-header">
                                    <h5> ACTIVITES JOURNALIERES DES PRESTATAIRES EN TEMPS REEL</h5> 
                                    <hr style="color: aquamarine">
                                    <h6> <span style="color: crimson">{{ $nbre_prestationQuotidiennes }} prestation (s)</span></h6>
                                    <div class="d-flex align-items-center justify-content-between flex-wrap">
                                        <div class="border-right pr-4 mb-3 mb-xl-0">
                                            <p class="text-muted"></p>
                                            <h4 class="mb-0 font-weight-bold"></h4>
                                        </div>
                                        <div class="border-right pr-4 mb-3 mb-xl-0">
                                            <p class="text-muted"></p>
                                            <h4 class="mb-0 font-weight-bold"></h4>
                                        </div>
                                        <div class="border-right pr-4 mb-3 mb-xl-0">
                                            <p class="text-muted"></p>
                                            <h4 class="mb-0 font-weight-bold"></h4>
                                        </div>
                                        <div class="pr-3 mb-3 mb-xl-0">
                                            <p class="text-muted"></p>
                                            <h4 class="mb-0 font-weight-bold"></h4>
                                        </div>
                                        <div class="mb-3 mb-xl-0">
                                            <a onclick="showOverlay()"{{-- class="btn btn-inverse btn-round  btn-grd" --}}{{--  target="_blank" --}} 
                                            href="{{ route('admin.activite.indexAll') }}"  title="Liste des activités dans les centres"><i class="feather icon-list"></i>&nbsp;&nbsp;Toutes mes activités</a>
                                       </div>
                                    </div>
                                    <div class="card-header-right">
                                       
                                        <ul class="list-unstyled card-option">
                                            <li class="first-opt"><i class="feather icon-chevron-left open-card-option"></i></li>
                                            <li><i class="feather icon-maximize full-card"></i></li>
                                           {{--  <li><i class="feather icon-minus minimize-card"></i></li> --}}
                                           {{--  <li><i class="feather icon-refresh-cw reload-card"></i></li> --}}
                                       {{--      <li><i class="feather icon-trash close-card"></i></li> --}}
                                            <li><i class="feather icon-chevron-left open-card-option"></i></li>
                                        </ul>
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                    <div {{-- class="table-responsive" --}}>
                                        <table style="margin-left:5px;margin-right: 20px;"  class="border">
                                            <thead>
                                                <tr style=" font-weight: bold; font-size: 9px; border: 2px solid #000;">
                                                    <th class="text-center">DATE PRESTATION</th>
                                                    <th class="text-center">PRESTATAIRE</th>
                                                    <th class="text-center">POLICE</th>
                                                    <th class="text-center">ADHERENT</th>
                                                    <th class="text-center">BENEFICIAIRE</th>
                                                    <th class="text-center">ACTE</th>
                                                    <th class="text-center">%</th>
                                                    <th class="text-center">BASE</th>
                                                    <th class="text-center">TM </th>
                                                    <th class="text-center">REMBOURSE</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                               {{--  <div class="scrollit">
                                                    <table> --}}
                                                        @foreach ( $prestationQuotidiennes as $prestationQuotidienne )
                                                            <tr style=" font-weight: bold; font-size: 9px;">
                                                                <td>{{ \Carbon\Carbon::parse ($prestationQuotidienne->dateSysteme)->format('d/m/Y ')}}-
                                                                    {{ \Carbon\Carbon::parse ($prestationQuotidienne->heurSyteme)->format('H:i')}}
                                                                </td>
                                                                <td class="text-left">
                                                                        {{$prestationQuotidienne->prestataire}}
                                                                </td>
                                                                <td class="text-left">
                                                                        {{$prestationQuotidienne->Police}}
                                                                </td>
                                                                <td class="text-left">
                                                                    {{ $prestationQuotidienne->adherent}}
                                                                    {{-- {{  substr($prestationQuotidienne->adherent, 0, strpos($prestationQuotidienne->adherent, ' ', 200))  }} --}}
                                                                </td>
                                                                <td class="text-left">
                                                                    {{ $prestationQuotidienne->beneficiaire }}
                                                                    {{-- {{  substr($prestationQuotidienne->beneficiaire, 0, strpos($prestationQuotidienne->beneficiaire, ' ', 200))  }} --}}
                                                                </td>
                                                                <td class="text-left">
                                                                    <div data-toggle="tooltip" data-placement="top" title="{{ $prestationQuotidienne->Acte }}">
                                                                        {{$prestationQuotidienne->CodeActe}}
                                                                    </div>
                                                                </td>
                                                                <td class="text-center">{{(100 - $prestationQuotidienne->tm )}}</td>
                                                                <td class="text-right" >{{ number_format($prestationQuotidienne->fraisReel, 0, '', ' ')  }}</td>
                                                                <td class="text-right"  style="margin: 10px;">{{ number_format($prestationQuotidienne->montantTm, 0, '', ' ')  }} </td>
                                                                <td class="text-right"  style="margin-right: 10px;">{{ number_format($prestationQuotidienne->montantArembourser, 0, '', ' ')  }}</td>
                                                            </tr>
                                                        @endforeach
                                                    {{-- </table>
                                                </div> --}}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                @if (($prestationQuotidiennes->count() != 0))
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination justify-content-center">
                                        <li class="page-item"><span onclick="showOverlay()">{!! $prestationQuotidiennes->appends(Request::except(array('page')))->onEachSide(-1)->links() !!}</span></li>
                                    </ul>
                                </nav>
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination" style="float:right; margin-right: 10px;">
                                        <li class="page-item">{{ count($prestationQuotidiennes)." Prestation(s)" }}</li>
                                    </ul>
                                </nav>
                                <br><br>
                                @else
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination justify-content-center">
                                        <li class="page-item"><span class="text-muted">Aucun élément trouvé.</span></li>
                                    </ul>
                                </nav>
                                <br><br>
                                @endif
                                {{-- 
                                @if (($prestationQuotidiennes->count() != 0))
                                <div class="row">
                                    <div style="position: relative;left: 1067;">
                                        {{ count($prestationQuotidiennes)." Prestation(s)" }}<br>
                                    </div>
                                    <div>
                                        <div style="position: relative;margin: 0 auto;width: 100px;left: 225px;">
                                            <span>
                                                {!! $prestationQuotidiennes->appends(Request::except(array('page')))->links() !!}
                                                <br><br>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                @else
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <center><span class="text-muted">Aucun élément trouvé.</span></center>
                                </div>
                                @endif --}}
                                <br><br>
                            </div>
                        </div>
                        <!-- Amount Closed and Revenue end -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Page-body end -->
    </div>
</div>

@endsection