@extends('front.template')

@section('main')
	<div class="row">
		<div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h2 class="intro-text text-center"><strong>Prélèvements</strong></h2>
                        <hr>
                        <div class="row">
                            <form method="GET" enctype="x-www-form-urlencoded" action="{{URL::route('prelevement.getAll')}}">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="compte">Compte : </label>
                                    <select name="compte">
                                        @foreach ($comptes as $compte)
                                            @if($compteShowed == $compte->id)
                                                <option value="{{ $compte->id }}" selected>{{ $compte->nom }}</option>
                                            @else
                                                <option value="{{ $compte->id }}">{{ $compte->nom }}</option>
                                            @endif
                                            
                                        @endforeach
                                    </select>
				</div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="month">Mois : </label>
                                    <select name="month">
                                        @foreach ($months as $month)
                                            <option value="{{ $month->number }}">{{ $month->name }}</option>
                                        @endforeach
                                    </select>
				</div>
                            </div>
                            <div class="col-md-4">
                                <button class="btn btn-primary" type="submit">Chercher</button>
                            </div>
                        </div>
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="tab1" data-toggle="tab" href="#p1" role="tab" aria-controls="p1" aria-selected="true">Onglet 1</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="tab2" data-toggle="tab" href="#p2" role="tab" aria-controls="p2" aria-selected="false">Onglet 2</a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade active" id="p1" role="tabpanel" aria-labelledby="tab1">
                                <table width="100%" summary="">
                                    <caption>
                                        <span>Liste des prélèvements automatique</span>
                                    </caption>
                                    <thead>
                                        <tr>
                                            <th scope="col"><span>Nom</span></th>
                                            <th scope="col"><span>Montant</span></th>
                                            <th scope="col"><span>compte</span></th>
                                            <th scope="col"><span>date</span></th>
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        <tr>
                                            <th scope="col"><span>Total</span></th>
                                            <th scope="col"><span>{{ $totalPrelevementPeriodique }}</span></th>
                                            <th scope="col"><span></span></th>
                                            <th scope="col"><span></span></th>
                                        </tr>
                                    </tfoot>
                                    <tbody>
                                        @foreach ($prelevementsPeriodique as $prelevement)
                                            <tr>
                                                <td colspan="1">
                                                    <span>{{ $prelevement->libelle }}</span>
                                                </td>
                                                <td class="nowrap">
                                                    <span>{{ $prelevement->montant }} €</span>
                                                </td>
                                                <td class="nowrap">
                                                    <span>{{ $prelevement->compte }}</span>
                                                </td>
                                                <td class="nowrap">
                                                    <span>{{ $prelevement->date }}</span>
                                                </td>
                                                <td></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="tab-pane fade" id="p2" role="tabpanel" aria-labelledby="tab2">
                                <table width="100%" summary="">
                                    <caption>
                                        <span>Liste de tous les prélèvements</span>
                                    </caption>
                                    <thead>
                                        <tr>
                                            <th scope="col"><span>Nom</span></th>
                                            <th scope="col"><span>Montant</span></th>
                                            <th scope="col"><span>compte</span></th>
                                            <th scope="col"><span>date</span></th>
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        <tr>
                                            <th scope="col"><span>Total</span></th>
                                            <th scope="col"><span>{{ $totalPrelevement }}</span></th>
                                            <th scope="col"><span></span></th>
                                            <th scope="col"><span></span></th>
                                        </tr>
                                    </tfoot>
                                    <tbody>
                                        @foreach ($prelevements as $prelevement)
                                            <tr>
                                                <td colspan="1">
                                                    <span>{{ $prelevement->libelle }}</span>
                                                </td>
                                                <td class="nowrap">
                                                    <span>{{ $prelevement->montant }} €</span>
                                                </td>
                                                <td class="nowrap">
                                                    <span>{{ $prelevement->compte }}</span>
                                                </td>
                                                <td class="nowrap">
                                                    <span>{{ $prelevement->date }}</span>
                                                </td>
                                                <td></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="row col-lg-12">
                        <div class="pull-right">{!! $links !!}</div>
                    </div>
                    <div class="col-lg-12">
                        <a href="{{URL::route('prelevement.getadd')}}" class="btn btn-primary">Ajouter un prelevement</a>
                    </div>
		</div>
	</div>

@stop