@extends('layouts.argo')
@section('content')
<div class="col">   
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3 >Informações do Cliente</h3>
                </div>
                <div class="card-body">
                    <div class="col-md-12">
                        <h2>{{ $user->name }}</h2>
                        <div class="info">
                            <p><span>CPF/ CNPJ:</span> {{$user->cpfcnpj }}</p>
                            <p><span>E-mail:</span> {{$user->email}}</p>
                            <p><span>Servidor:</span> {{$user->servidor}}</p>
                            <p><span>Login no Pabx:</span> {{$user->login}}</p>
                            <p><span>Cliente Desde:</span> {{ date('d/m/Y', strtotime($user->created_at) )}}</p>
                        </div>
                    </div>
                </div>
                <div class="card-footer manutencao flex-row">
                    <a class="btn bg-{{ session('template')->nome }} btn-sm" href="{{route('usuarios.edit', $user->id)}}" title="Editar">Editar Cliente  <i class="fas fa-edit"></i></a>
                    
                    <a class="btn btn-success btn-sm" href="{{route('impersonate', $user->id)}}" title="Logar como Cliente">Acessar Painel do Cliente  <i class="fas fa-external-link-alt"></i></a>
                </div>
            </div>
        </div>
        
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3 >Manutenção</h3>
                </div>
                <div class="card-body">
                    <div class="col-xl-12 col-md-12">
                        <div class="card card-stats">
                            <!-- Card body -->
                            <div class="card-body">
                                <a href="{{ route('alias.index', $user->id ) }}" class="row">
                                    <div class="col">
                                        <h3 class="card-title text-uppercase text-muted mb-0">Did</h3>
                                        <span class="h4 font-weight-bold mb-0">Incluir, Alterar, Excluir</span>
                                    </div>
                                    <div class="col-auto">
                                        <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                            <i class="fa fa-phone-volume"></i>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-xl-12 col-md-12">
                        <div class="card card-stats">
                            <!-- Card body -->
                            <div class="card-body">
                                <a href="{{ route('trunks.index', $user->id) }}" class="row">
                                    <div class="col">
                                        <h3 class="card-title text-uppercase text-muted mb-0">Tronco</h3>
                                        <span class="h4 font-weight-bold mb-0">Incluir, Alterar, Excluir</span>
                                    </div>
                                    <div class="col-auto">
                                        <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                            <i class="fas fa-plug"></i>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    @can('manutencaoramais.manutencao')
                    <div class="col-xl-12 col-md-12">
                        <div class="card card-stats">
                            <!-- Card body -->
                            <div class="card-body">
                                <a href="{{ route('ramais.manutencao', $user->id) }}" class="row">
                                    <div class="col">
                                        <h3 class="card-title text-uppercase text-muted mb-0">Ramal</h3>
                                        <span class="h4 font-weight-bold mb-0">Configurar Simultaneidade e Contexto</span>
                                    </div>
                                    <div class="col-auto">
                                        <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                            <i class="fas fa-phone"></i>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    @endcan
                    
                    @can('hubspot.index')
                    @if($user->hubToken != NULL)
                    <div class="col-xl-12 col-md-12">
                        <div class="card card-stats">
                            <!-- Card body -->
                            <div class="card-body">
                                <a href="{{ route('hubspot.engajamentByUser', $user->id) }}" class="row">
                                    <div class="col">
                                        <h3 class="card-title text-uppercase text-muted mb-0">HubSpot</h3>
                                        <span class="h4 font-weight-bold mb-0">Verificar Engajamento com Erro</span>
                                    </div>
                                    <div class="col-auto">
                                        <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                            <i class="fas fa-phone"></i>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    @endif
                    @endcan
                    
                </div>
            </div>
        </div>
    </div> 
    
    <div class="card">
        <div class="card-header">
            <h3>Plano</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-xl-4 col-md-12">
                    <div class="card card-stats">
                        <!-- Card body -->
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h3 class="card-title text-uppercase text-muted mb-0">Ramais</h3>
                                    <p>Ramais: <span class="h2 font-weight-bold mb-0">{{ $user->ramais }}</span></p>
                                    <p>Ramais Extras: <span class="h2 font-weight-bold mb-0">{{ $user->ramais_extra }}</span></p>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                        <i class="fas fa-phone"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-xl-4 col-md-12">
                    <div class="card card-stats">
                        <!-- Card body -->
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h3 class="card-title text-uppercase text-muted mb-0">Filas</h3>
                                    <p>Filas: <span class="h2 font-weight-bold mb-0">{{ $user->filas }}</span></p>
                                    <p>Filas Extras: <span class="h2 font-weight-bold mb-0">{{ $user->filas_extra }}</span></p>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                        <i class="fa fa-mobile-alt"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-xl-4 col-md-12">
                    <div class="card card-stats">
                        <!-- Card body -->
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h3 class="card-title text-uppercase text-muted mb-0">Uras</h3>
                                    <p>Uras: <span class="h2 font-weight-bold mb-0">{{ $user->uras }}</span></p>
                                    <p>Uras Extras: <span class="h2 font-weight-bold mb-0">{{ $user->uras_extra }}</span></p>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                        <i class="fa fa-random"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection