@extends('layouts.app')
@section('title','Editer client')
@section('content')
    <div class="col-md-12">
        <div class="box">
            <div class="col-md-12">
                <p><img src="{{ URL::to('/') }}/images/{{$client->logo}}" alt="" style="width: 40px;"> @yield('title') ({{$client->email}}) </p>
            </div>           
        </div>
    </div>
    <div class="col-md-12">
        <div class="box">
        <div class="col-md-6">
                <p>Les utilisateurs</p>
            </div>
            <div class="col-md-6">
                <p><a href="" class="btn pull-right" data-toggle="modal" data-target="#addUserClient">Ajouter</a></p>
            </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></th> 
                </tr> 
            </thead> 
            <tbody> 
            @foreach($client->users as $user)
                <tr> 
                    <td>{{$user->name}}</td> 
                    <td ><p class="description">{{$user->email}}</p></td> 
                    <td>
                            <form method="GET" class="has-confirm" action="/admin/clients/{{$client->id}}/destroyUser/{{$user->id}}" 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>
 
                </tr> 
            @endforeach
            </tbody> 
            </table>
        </div>
    </div>

    <div class="modal fade" id="addUserClient" tabindex="-1" role="dialog" aria-labelledby="addUserClientTitle" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addUserClientTitle">Ajouter des utilisateurs</h5>
            </div>
            <div class="modal-body">
            <table class="table table-condensed"> 
            <thead> 
                <tr> 
                    <th>Nom</th>
                    <th>Email</th> 
                    <th></th> 
                </tr> 
            </thead> 
            <tbody> 
            @foreach($users as $user)
                <tr> 
                    <td>{{$user->name}}</td> 
                    <td ><p class="description">{{$user->email}}</p></td> 
                    <td><button class="btn pull-right" onclick="remoteAddUser.call(this)" id="{{$user->id}}" >Ajouter</button> </td> 
                </tr> 
            @endforeach
            </tbody> 
            </table>
            </div>
            </div>
        </div>
    </div>

    {{-- <div class="col-md-12">
        <div class="box">
        <div class="col-md-6">
                <p>Les formations </p>
            </div>
            <div class="col-md-6">
                <p><a href="" class="btn pull-right" data-toggle="modal" data-target="#addFormationClient">Ajouter</a></p>
            </div>
        </div>
    </div> --}}
    {{-- <div class="col-md-12">
        <div class="box">
            <table class="table table-condensed"> 
            <thead> 
                <tr> 
                    <th>Titre</th>
                    <th>Description</th> 
                    <th></th> 
                </tr> 
            </thead> 
            <tbody> 
            @foreach($client->formations as $f)
            <tr> 
                    <td>{{$f->title}}</td> 
                    <td ><p class="description">{{$f->description}}</p></td> 
                    <td>
                            <form method="GET" class="has-confirm" action="/admin/clients/{{$client->id}}/destroyFormation/{{$f->id}}" 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>
                        </td> 
                </tr> 
            @endforeach
            </tbody> 
            </table>
        </div>
    </div> --}}


    <div class="modal fade" id="addFormationClient" tabindex="-1" role="dialog" aria-labelledby="addFormationClientTitle" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addFormationClientTitle">Ajouter les formations</h5>
            </div>
            <div class="modal-body">
            <table class="table table-condensed"> 
            <thead> 
                <tr> 
                    <th>Titre</th>
                    <th>Description</th> 
                    <th></th> 
                </tr> 
            </thead> 
            <tbody> 
            @foreach($formations as $f)
                <tr> 
                    <td>{{$f->title}}</td> 
                    <td ><p class="description">{{$f->description}}</p></td> 
                    <td><button  class="btn pull-right" onclick="remoteAddFormation.call(this)" id="{{$f->id}}">Ajouter</button> </td> 
                </tr> 
            @endforeach
            </tbody> 
            </table>
            </div>
            </div>
        </div>
    </div>
@endsection




<script>
function remoteAddUser (){
    var button = this;
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            /* the route pointing to the post function */
            url: '/admin/clients/{{$client->id}}/users',
            type: 'POST',
            /* send the csrf-token and the input to the controller */
            data: {_token: CSRF_TOKEN, client_id:{{$client->id}}, user_id: this.id},
            dataType: 'JSON',
            success: function () { 
                console.log(button);
                button.disabled = true;
            }
        }); 
    };
    function remoteAddFormation (){
    var button = this;
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            /* the route pointing to the post function */
            url: '/admin/clients/{{$client->id}}/formations',
            type: 'POST',
            /* send the csrf-token and the input to the controller */
            data: {_token: CSRF_TOKEN, client_id:{{$client->id}}, formation_id: this.id},
            dataType: 'JSON',
            success: function () { 
                console.log(button);
                button.disabled = true;
            }
        }); 
    };

</script>