@extends('layouts.app')
@section('title','Liste des clients')
@section('content')
    <div class="col-md-12">
        <div class="box">
            <div class="col-md-8">
                <p>@yield('title')</p>
            </div>
            <div class="col-md-4">
                <a type="button" data-toggle="modal" data-target="#exampleModalLong" class="btn pull-right">Ajouter</a>
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <div class="box">
            <table class="table table-condensed"> 
            <thead> 
                <tr> 
                    <th>Nom</th>
                    <th>Email</th> 
                    <th>Logo</th> 
                    <th></th> 
                </tr> 
            </thead> 
            <tbody> 
            @foreach($clients as $client)
                <tr> 
                    <td>{{$client->name}}</td> 
                    <td ><p class="description">{{$client->email}}</p></td> 
                    <td ><img src="{{ URL::to('/') }}/images/{{$client->logo}}" alt="" style="width: 40px;"></td> 
                    <td>
                            <form method="GET" class="has-confirm" action="/admin/clients/{{$client->id}}/destroy" data-message="Voulez-vous vraiment supprimer cette item">
                                <input type="hidden" name="_method" value="GET">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                <button class='btn pull-right' type='submit'>Supprimer</button>
                            </form>

                        <a href="/admin/clients/{{$client->id}}/edit" class="btn pull-right">Editer</a> </td> 
                </tr> 
            @endforeach
            </tbody> 
            </table>
        </div>
        <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLongTitle">Ajouter un client</h5>
                    </div>
                    <div class="modal-body">
                        <form id="UserNew" method = 'POST' action = '{!!url("admin/clients")!!}' enctype='multipart/form-data'>
                            <input type = 'hidden' name = '_token' value = '{{Session::token()}}'>
                            <div class="">
                                <div class="form-group">
                                    <label for="name">Nom</label>
                                    <input id="name" name="name" type="text" class="form-control" required>
                                </div>
                                <div class="form-group">
                                    <label for="about">Email</label>
                                    <input id="email" name="email" type="email" class="form-control" required>
                                </div>
                                <div class='form-group'>
                                    <label for='titre'>Logo</label>
                                    <input id='logo' name = 'logo' type='file' class='form-control' required>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn" data-dismiss="modal">Fermer</button>
                        <button class="btn" type ='submit' form="UserNew">Validé</button>
                    </div>
                    </div>
                </div>
                </div>
                {{ $clients->links() }}
    </div>
@endsection