@include('includes.header')
<div class="container page__heading-container">
  <div class="page__heading d-flex align-items-end">
    <div class="flex">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item">{{ $categorie }}</li>
          <li class="breadcrumb-item active"
          aria-current="page">Budgets</li>
        </ol>
      </nav>
      <h1 class="m-0">Gestion du budget</h1>
    </div>
    @if(Auth::user()->admin == 1)
    <div class="flatpickr-wrapper ml-3">
      <button type="button"
      class="btn btn-primary"
      data-toggle="modal"
      data-target="#newBudget">
      <i class="fas fa-plus"></i>&nbsp;&nbsp;Créer un budget
    </div>
    @endif
    @include('includes.toast', ['msg' => $msg])
  </div>
</div>
<div class="container page__container">
  @foreach($budgets as $budget)
  <div class="stories-cards mb-4">
    <div class="card stories-card" @if($budget->active == 1) style="background-color:#d3d3d385" @endif>
      <div class="stories-card__content d-flex align-items-center flex-wrap">
        <div class="avatar avatar-lg mr-3"> @if($budget->active == 0) <i class="fas fa-file-invoice-dollar" style="margin-left: 15px;margin-top: 10px;font-size:2em"></i> @else <i class="fas fa-check" style="margin-left: 15px;margin-top: 10px;font-size:2em"></i> @endif <br>
        </div>
        <div class="stories-card__title flex">
          <h5 class="card-title m-0">
            <a href="#" id="show{{ $budget->id }}" class="headings-color">Budget {{ substr($budget->debut, 0, 4) }}-{{ substr($budget->fin, 0, 4) }}</a>
          </h5>
        </div>
        <div class="stories-card__title flex"><span style="color:green"><i class="fas fa-hand-holding-usd" style="font-size:1.3em"></i>&nbsp;<b>Revenus :</b> {{ number_format($revenu = $budget->fraiscommuns + $budget->chargespecial + $budget->buanderie + $budget->autresrevenus) }} $</span><br>
          <span style="color:darkred"><i class="fas fa-money-bill-wave" style="font-size:1.3em"></i>&nbsp;<b>Dépenses :</b> {{ number_format($depenses = $budget->conciergerie + $budget->assurances + $budget->ascenseurs + $budget->paysagement + $budget->energie + $budget->securite + $budget->sinistres + $budget->travaux + $budget->maintenance + $budget->gestion + $budget->administration + $budget->professionnels + $budget->deneigement + $budget->frais + $budget->telecommunication) }} $</span><br>
        </div>
        @php $resultat = $revenu - $depenses @endphp
        <div class="stories-card__title flex">@if($resultat < 0) <span style="color:darkred"> @else <span style="color:green"> @endif<i class="fas fa-funnel-dollar" style="font-size:1.3em"></i>&nbsp; @if($resultat < 0) <b>Déficit :</b> @else <b>Surplus :</b> @endif {{ number_format($resultat) }} $</span><br>
        </div>
        @if(Auth::user()->admin == 1)
        <div class="dropdown ml-auto"> <a href="#" data-toggle="dropdown" data-caret="false" class="text-muted"><i class="material-icons">more_vert</i></a>
          <div class="dropdown-menu dropdown-menu-right">
            <form action="/budgets/active" method="post">
              @csrf
              <input type="hidden" name="id" value="{{ $budget->id }}" />
              <button type="submit" class="dropdown-item" href="#">Budget actuel?</button>
            </form>
            <form action="/budgets/delete" method="post">
              @csrf
              <input type="hidden" name="id" value="{{ $budget->id }}" />
              <button type="submit" class="dropdown-item" href="#">Supprimer</button>
            </form>
          </div>
        </div>
        @endif
      </div>
    </div>
  </div>
  @include('widgets.editBudget', ['id' => $budget->id])
  @endforeach
</div>
</div>
<!-- // END Header Layout Content -->
</div>
<!-- // END Header Layout --> 
@include('widgets.newBudget')
@include('includes.footer')
<script>
  $(document).ready(function(){
   @foreach($budgets as $budget)
   $('#board-{{ $budget->id }}').dataTable( {
    "paging": false,
    "searching": false,
    "bInfo" : false
  } );
   $('#board2-{{ $budget->id }}').dataTable( {
    "paging": false,
    "searching": false,
    "bInfo" : false
  } );
   $('#board3-{{ $budget->id }}').dataTable( {
    "paging": false,
    "searching": false,
    "bInfo" : false
  } );
   @endforeach
   @foreach ($budgets as $budget)
   $("#showbudget{{ $budget->id }}").hide();
   $("#show{{ $budget->id }}").click(function(){
    $("#showbudget{{ $budget->id }}").toggle();
  });
   @endforeach
 });
</script>
</body></html>