@extends('layouts.main')

@section('content')

<div class="row">
    <div class="col-sm-2">
        <div id="panel-1" class="panel">
           
            <div class="panel-container show">
                <div class="panel-content text-center">
                    <span>
                        <span class='fw-300' style="font-size: 18px;font-weight: 900 !important; ">{{ $client->nomclient }}</span> <br>
                        <span class='fw-300' style="font-size: 28px;font-weight: 900 !important; ">{{ count($dossiers_client) }}</span> 
                        <br>  Dossiers traités<br><br>
                       @foreach ($dossiersgrp as $ds )
                  <i class="fal fa-folder-open"> </i>   {{ $ds->typedossier }}  : {{ $ds->nb }}  <br>
                       @endforeach


                     
                        
                    </span>
                </div>
            </div>
        </div>

          



    </div>


    <div class="col-sm-5">
    <div id="panel-1" class="panel">
           
        <div class="panel-container show">
            <div class="panel-content text-center">
                
<table class="table table-bordered">
    <thead>
        <tr>
            <th><i class="fal fa-folder-open"> </i> Dossier N°</th>
            <th>Date de création</th>
            <th>Suivi par</th>
            <th>Type</th>
        </tr>
    </thead>

    <tbody>
        @foreach ($dossiers_client as $ds )
        <tr>
            <td> <a href="{{route('dossierdetails', ['id' => $ds->iddossier])}}"> <strong>  {{ $ds->numdossier }}   </strong> </a></td>
            <td> <a href="{{route('dossierdetails', ['id' => $ds->iddossier])}}"> {{ $ds->dateouvert }}    </a></td>
            <td> <a href="{{route('dossierdetails', ['id' => $ds->iddossier])}}"> {{ $ds->suivipar }}    </a></td>
            <td> <a href="{{route('dossierdetails', ['id' => $ds->iddossier])}}">   {{ $ds->typedossier }}   </a></td>
        </tr>
     
          @endforeach
       
    </tbody>
</table>
                   
                
                    
                </span>
            </div>
        </div>
    </div>
    </div>





</div>
@endsection