@extends('employee.layout.base')

@section('content')


    <div class="slim-mainpanel">
      <div class="container">
        <div class="slim-pageheader">
          <ol class="breadcrumb slim-breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
          </ol>
          <h6 class="slim-pagetitle">Bienvenu, {{$user->name}}</h6>
        </div><!-- slim-pageheader -->

        <div class="row row-xs">
            <div class="col-sm-4 col-lg-4">
                <div class="card tx-center">
                    <div class="card-body pd-40">
                      <h6 class="tx-md-20 tx-inverse mg-b-20">Congé</h6>
                      <a href="{{ route('employee.conge.create') }}" class="btn btn-primary btn-block">Nouvelle demande</a>
                    </div><!-- card -->
                  </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card tx-center">
                    <div class="card-body pd-40">
                      <h6 class="tx-md-20 tx-inverse mg-b-20">Attestation de travail</h6>
                      <a href="{{ route('employee.attestation.create') }}" class="btn btn-primary btn-block">Nouvelle demande</a>
                    </div><!-- card -->
                  </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card tx-center">
                    <div class="card-body pd-40">
                      <h6 class="tx-md-20 tx-inverse mg-b-20">Autorisation de vacation</h6>
                      <a href="{{ route('employee.vacation.create') }}" class="btn btn-primary btn-block">Nouvelle demande</a>
                    </div><!-- card -->
                  </div>
            </div>
          </div>

        <div class="row row-sm mg-t-20">
          <div class="col-lg-12">
            <div class="card card-table">
              <div class="card-header">
                <h6 class="slim-card-title">Mes demandes de congé</h6>
              </div><!-- card-header -->
              <div class="table-responsive">
                <table class="table mg-b-0 tx-13">
                  <thead>
                    <tr class="tx-10">
                      <th class="pd-y-5 tx-left">Date de début</th>
                      <th class="pd-y-5 tx-left">Date d'entrée</th>
                      <th class="pd-y-5 tx-left">Décision</th>
                      <th class="pd-y-5 tx-left">Demande</th>
                      <th class="pd-y-5 tx-left">Télécharger la décision</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($conges as $conge)
                        <tr>
                            <td class="tx-inverse tx-14 tx-medium "> {{$conge->debut}}
                            </td>
                            <td class="tx-inverse tx-14 tx-medium ">{{$conge->fin}}</td>
                            <td class="tx-inverse tx-14 tx-medium ">{{$conge->etat}}</td>
                            <td class="valign-middle tx-center">
                                <a href="{{ route('employee.conge.export_pdf_demande', ['id' => $conge->id] ) }}" class="tx-gray-600 tx-24">
                                    <i class="fa ion-document-text mg-r-5"></i>
                                </a>
                            </td>
                            <td class="valign-middle tx-center">
                                @if ($conge->decision == 1)
                                    <a href="{{ route('employee.conge.export_pdf_decision', ['id' => $conge->id] ) }}" class="tx-gray-600 tx-24">
                                        <i class="fa ion-document-text mg-r-5"></i>
                                    </a>
                                @else
                                    <p class="valign-middle text-center">-</p>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                  </tbody>
                </table>
              </div><!-- table-responsive -->
              <div class="card-footer tx-12 pd-y-15 bg-transparent">

              </div><!-- card-footer -->
            </div><!-- card -->
          </div>
          <div class="col-lg-12 mt-5">
            <div class="card card-table">
              <div class="card-header">
                <h6 class="slim-card-title">Mes demandes d'attestation de travail</h6>
              </div><!-- card-header -->
              <div class="table-responsive">
                <table class="table mg-b-0 tx-13">
                  <thead>
                    <tr class="tx-10">
                      <th class="pd-y-5 tx-left">Date de demande</th>
                      <th class="pd-y-5 tx-left">Télécharger la demande</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($attestations as $attestation)
                        <tr>
                            <td class="tx-inverse tx-14 tx-medium "> {{$attestation->created_at->format('Y-m-d')}}
                            </td>
                            <td class="valign-middle tx-center">
                                <a href="{{ route('employee.attestation.export_pdf_demande', ['id' => $attestation->id] ) }}" class="tx-gray-600 tx-24">
                                    <i class="fa ion-document-text mg-r-5"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                  </tbody>
                </table>
              </div><!-- table-responsive -->
              <div class="card-footer tx-12 pd-y-15 bg-transparent">

              </div><!-- card-footer -->
            </div><!-- card -->
          </div>
          <div class="col-lg-12 mt-5">
            <div class="card card-table">
              <div class="card-header">
                <h6 class="slim-card-title">Mes demandes d'autorisation de vacation</h6>
              </div><!-- card-header -->
              <div class="table-responsive">
                <table class="table mg-b-0 tx-13">
                  <thead>
                    <tr class="tx-10">
                      <th class="pd-y-5 tx-left">Date de demande</th>
                      <th class="pd-y-5 tx-left">Télécharger la demande</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($vacations as $vacation)
                        <tr>
                            <td class="tx-inverse tx-14 tx-medium "> {{$vacation->created_at->format('Y-m-d')}}
                            </td>
                            <td class="valign-middle tx-center">
                                <a href="{{ route('employee.vacation.export_pdf_demande', ['id' => $vacation->id] ) }}" class="tx-gray-600 tx-24">
                                    <i class="fa ion-document-text mg-r-5"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                  </tbody>
                </table>
              </div><!-- table-responsive -->
              <div class="card-footer tx-12 pd-y-15 bg-transparent">

              </div><!-- card-footer -->
            </div><!-- card -->
          </div>
        </div>

      </div><!-- container -->
    </div><!-- slim-mainpanel -->

    <div class="slim-footer">
      <div class="container">

      </div><!-- container -->
    </div><!-- slim-footer -->

@endsection