@extends('fragments.fullTemplate')
@section('titulo')
Cobranza
@endsection

@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Cobranza V2</div>
        <i class="right chevron icon divider"></i>
        <div class="active section"><a href="#" >Informes de: {{$datos_cliente_factura->nombre_empresa}}</a></div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center">
                    <strong>{{ session()->get('success') }}</strong>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center">
                    <strong>{{ session()->get('warning') }}</strong>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    <div class="content">
        <div class="col-md-12 mb-3">
            <button class="ui button fluid blue mt-3 send_mail_recordatorio_por_cliente_cobranzas" title="Recodatorio de pago cobranza" >
                <i class="mail icon"></i> Enviar recodatorio de pago 
            </button>
        </div>
        <div class="row">
            <div class="col-lg-6 mb-3">
                <div class="card" style="max-height: 250px; ">
                    <div class="card-header">
                        Datos cliente factura
                    </div>
                    <div class="card-body">
                        <p><strong>{{$datos_cliente_factura->nombre_empresa}}</strong></p>
                        <p><strong>Crédito: </strong>
                            <span class="badge badge-success">Activo</span>
                        </p>
                       
                            <p><strong>Deuda parcial: </strong><strong>${{number_format("0", 2, '.', ',')}}</strong></p>
                        
                            <p><strong>Deuda total: </strong><strong>${{number_format("0", 2, '.', ',')}}</strong></p>
                        
                    </div>
                </div>
                
            </div>
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-header">
                        Contactos
                    </div>
                    <div class="card-body">
                        <div  style="max-height: 120px; overflow-y: auto;">
                            <table class="ui celled table unstackable">
                                <thead>
                                    <th>Nombre</th>
                                    <th>E-mail</th>
                                    <th>Teléfono</th>
                                    <th>Extensión</th>
                                    <th>Celular</th>
                                </thead>
                                <tbody>
                                    @foreach ($datos_cliente_factura->contactos as $dato_contacto)
                                   
                                    <tr>
                                        <td>{{$dato_contacto->nombre_contacto}}</td>
                                        <td>{{$dato_contacto->correo}}</td>
                                        <td>{{$dato_contacto->telefono}}</td>
                                        <td>{{$dato_contacto->extension}}</td>
                                        <td>{{$dato_contacto->celular}}</td>
                                    </tr> 
        
                                    @endforeach
                                    
                                </tbody>
                            </table>
                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>
        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Informes</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Servicios</a>
            </li>
        </ul>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                      <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Informes por cobrar</a>
                      <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Informes pagados</a>
                      <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Informes sin pago</a>
                    </div>
                </nav>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                        
                        
                        @include('Cobranza_v2.Detalles.Informes.Secciones.seccion_01')
                    </div>
                    <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                        @include('Cobranza_v2.Detalles.Informes.Secciones.seccion_02')
                    </div>
                    <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                        @include('Cobranza_v2.Detalles.Informes.Secciones.seccion_03')
                    </div>
                </div>
                
            </div>
            <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                @include('Cobranza_v2.Detalles.Informes.Secciones.seccion_01')
            </div>
        </div>
        <div class="row mt-3">
            <div class="col-xs-12 col-sm-6 col-md-6">
                <a class="ui button gray" href="{{url('cobranza')}}">
                    <i class="arrow circle left icon"></i>Atrás
                </a>
            </div>
        </div>
    </div>
    
 
    

@endsection