@extends('app')


@section('breadcrumbs')
    <ol class="breadcrumb">
        <li>
            <a href="{{route('home')}}">Inicio</a>
        </li>
        <li class="active">
            Cartera
        </li>
    </ol>
@endsection

@section('content')
    <div class="container-fluid">
        @include('errors.partials.alert')    
        @include('proclients.generic_actions')
        
        @if($clients->count())        
            <div class="row row-no-gutter">
                <div class="col-xs-6 col-md-4" >
                    <div class="table-responsive">
                        <table class="table table-striped table-no-wrap" id="fixed-table">
                            <thead>
                                <tr>
                                    <th>
                                        CLIENTE
                                    </th>
                                    <th>
                                        
                                    </th>
                                </tr>
                            </thead>    
                            <tbody>

                                @foreach($clients as $idx => $client)
                                    
                                    <tr data-client-id="{{$client->id}}" data-client-status="{{$client->status}}">
                                        <th>
                                            {{$client->nombre. " " . ($client->a_paterno ? $client->a_paterno : $client->a_materno) }}
                                        </th>
                                        <th class="actions">
                                            <div class="actions">
                                                @include('proclients.actions.'.auth()->user()->role)    
                                            </div>
                                            <div class="loading" style="display: none;">
                                                <span class="fa fa-fw fa-spinner fa-spin"></span>
                                            </div>
                                                
                                        </th>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    
                </div>
                <div class="col-xs-6 col-md-8">
                    <div class="table-responsive">
                        <table class="table table-striped table-no-wrap" id="moving-table">
                            <thead>
                                <tr>
                                    @if($mappings = trans('proclient'))
                                        @foreach($columns as $column)
                                            <th>
                                                {!! Form::open([
                                                    'action'  => 'SessionController@updateOrder',
                                                    'method'  => 'PUT',
                                                ]) !!}
                                                    <input 
                                                        type="text" 
                                                        class="hidden" 
                                                        name="order"
                                                        value = "{{$column}}"
                                                    >
                                                    <button type="submit" class="btn btn-link">
                                                        {{array_get($mappings, $column)}}
                                                        @if(request()->session()->get('order') and count($order = explode('|', request()->session()->get('order'))) and $order[0] == $column)
                                                            @if($order[1] == 'asc')
                                                                <span class="fa fa-chevron-up"></span>
                                                            @else
                                                                <span class="fa fa-chevron-down"></span>
                                                            @endif
                                                            
                                                        @endif

                                                    </button>
                                                {!!Form::close()!!}
                                                
                                            </th>
                                        @endforeach
                                    @endif
                                </tr>
                            </thead>
                            <tbody>

                                @foreach($clients as $client)
                                    
                                    <tr data-client-id="{{$client->id}}" data-client-name="{{$client->full_name}}">
                                        
                                        @foreach($columns as $column)
                                            <td class="{{ preg_replace('/(\.|_)/', '-', $column) }}">
                                                @if(($pieces = explode('.', $column)) && ($c = end($pieces)))
                                                    @if(file_exists(base_path('resources/views/proclients/columns')."/$c.blade.php"))
                                                        @include("proclients.columns.$c")
                                                    @else
                                                        {{ $client->getAttribute($column) }}
                                                    @endif
                                                @endif
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    
                </div>
            </div>
        @else
            <div class="alert alert-info">
                No hay clientes que mostrar.
            </div>
        @endif
    </div>      
@endsection

@section('modal')
    @include('proclients.modals.'.Auth::user()->role)
    @include('proclients.modals.all.columns')
    @include('proclients.modals.all.filters')
    @include('proclients.modals.all.remove_clients')
    @include('proclients.modals.all.retrieve_clients')
    @include('proclients.modals.all.contact')
    @include('proclients.modals.all.alert')
@endsection

@section('script')
    @parent
    {!! Html::script('js/proclients/generic/index.js?v='.str_random(6)) !!}
    {!! Html::script('js/proclients/generic/stickyTables.js') !!}
    {!! Html::script('js/proclients/'.Auth::user()->role.'/index.js?v='.str_random(6)) !!}
    {!! Html::script('js/select2.full.js')!!}

    {!! Html::script("js/moment/moment.js")!!}
    {!! Html::script('js/jquery-ui.js') !!}
    
@endsection

@section('style')
    @parent
    {!!Html::style('css/select2.css')!!}
    {!!Html::style('css/select2-bootstrap.css')!!}
    {!!Html::style('css/jquery-ui/thms/flick/jquery-ui.min.css') !!}
    {!!Html::style('css/jquery-ui/thms/flick/theme.css') !!}

@endsection