@extends('layouts.metronic')

@section('content')  
<div class="portlet light bordered">
    <div class="portlet-title">
        <div class="caption">
            <span class="caption-subject bold uppercase">Clienți</span>
        </div>
        <div class="tools">
            <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
            <a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
            <a href="javascript:;" class="reload" data-original-title="" title=""> </a>
            <a href="javascript:;" class="remove" data-original-title="" title=""> </a>
        </div>
    </div>
    <div class="portlet-body">
        <div class="panel-group accordion" id="accordion1">
            @foreach ($clients as $client)
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <div class="row" style="height: 50px;  display: flex;  align-items: center">
                                <div class="col-md-11">
                                	<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#collapse_{{$client->id}}" aria-expanded="false"> <h4>{{ $client->name }}</h4></a>
                                	
                                      
                                </div>                                
                            </div>
                        </h4>
                    </div>
                    <div id="collapse_{{$client->id}}" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                        <div class="panel-body">
                            
                            @foreach ($client->favorites as $favorite)
                            <div class="row">
                                <div class="col-md-11">
                                    <h5>{{$favorite->productName}}</h5>
                                </div>                                
                            </div>
                            
                            @endforeach
                        </div>
                    </div>
                </div>
            @endforeach               
        </div>
    </div>
</div>
@endsection

@section('scripts')  
<script>
    function onCheckChanged(element, id){
        $.post( "/question.activate/" + id , { active: element.checked, _token:"{{ csrf_token() }}"} )
            .done(function( data ) {}
        );
    }
</script>
@endsection

@section('menuVariables')
    var menuItemName = "menuClients";
    var submenuItemName = "";
@stop