@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="section">Informe</div>
        <i class="right chevron icon divider"></i>
        <div class="active section"><a href="#" >Detalles del informe: {{$datos_informe->folio_programacion}}</a></div>
    </div>

    <div class="ui divider"></div>
   
    <div data-module-notifications-anchor></div>
    <div class="row mb-3">
        <div class="col-md-4">
            <a class="ui button fluid blue " id="servicio_cliente_reporte_13479" data-id_servicio_cliente_reporte="13479">
                <i class="download alternate icon"></i> Descargar informe de resultados
            </a>
        </div>
       
        <div class="col-md-4">
            <a class="ui button fluid blue edit_servicio_cliente_modal" id="servicio_cliente_reporte_13479" data-id_servicio_cliente_reporte="13479">
                <i class="file alternate icon"></i> Consultar Prefactura
            </a>
        </div>
        <div class="col-md-4">
            <a class="ui button fluid blue edit_servicio_cliente_modal" id="servicio_cliente_reporte_13479" data-id_servicio_cliente_reporte="13479">
                <i class="mail alternate icon"></i> Enviar recordatorio de pago
            </a>
        </div>
    </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="row">
            <div class="col-lg-6 mb-3">
                <div class="card" style="max-height: 250px; ">
                    <div class="card-header">
                        Datos cliente informe
                    </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>
       
        <div class="card mb-3">
            
            <div class="card-body">
                <h5 class="card-title">Servicios de la muestra: {{$datos_informe->folio_programacion}}</h5>
                <h6 class="card-subtitle mb-2 text-muted">A continuación se muestra la lista completa de servicios/modificaciones que ha tenido el número de informe {{$datos_informe->folio_programacion}} usted debe determinar cuales servicios se van a cobrar para poder generar el cobro final de este servicio.</h6>
                <div>
                    <table id="informes_table" class="ui celled table unstackable">
                        <thead>
                            <th>Estatus Pago</th>
                            
                            <th>Marca</th>
                            <th>Modelo</th>
                            <th>Norma/Servicio</th>
                            <th>Precio</th>
        
                            <th>IVA</th>
                            <th>Total</th>
                            <th>Fecha de cobro</th>
                            <th>Contado/Crédito</th>
                            <th>Prefactura</th>
                            <th>Estatus</th>
                            <th>Agregar</th>
                        </thead>
                        <tbody>
                            @for ($i = 1; $i <= 5; $i++)
                            <tr>
                                <td>Sin pago</td>
                                <td>marca</td>
                                <td>modelo</td>
                                <td>norma/servicio</td>
                                <td>$0.00</td>
                                <td>$0.00</td>
                                <td>$0.00</td>
                                <td>15/01/2024</td>
                                <td>contado</td>
                                <td>contado</td>
                                <td>contado</td>
                                <td>
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="customCheck{{$i}}" name="example{{$i}}">
                                        <label class="custom-control-label" for="customCheck{{$i}}"></label>
                                    </div>
                                </td>
                            </tr>
                            @endfor
                            
                            
                            
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-end">
                        <a class="ui button blue" id="servicio_cliente_reporte_13479" data-id_servicio_cliente_reporte="13479">
                            <i class="save alternate icon"></i> Guardar
                        </a>
                    </div>
                </div>
               
            </div>
           
            
        </div>
        <div class="card mb-3">
            
            <div class="card-body">
                <h5 class="card-title">Cobro total de la muestra: {{$datos_informe->folio_programacion}}</h5>
                <h6 class="card-subtitle mb-2 text-muted">El cobro total se refiere a unificar todos los servicios en un solo concepto ya que este se llevará a facturación.</h6>

                <div>
                    <table id="informes_table" class="ui celled table unstackable">
                        <thead>
                            <th>Estatus Pago</th>
                            <th>Descripción</th>
                            <th>Marca</th>
                            <th>Modelo</th>
                            <th>Norma/Servicio</th>
                            <th>Precio</th>
        
                            <th>IVA</th>
                            <th>Total</th>
                            <th>Fecha de cobro</th>
                            <th>Contado/Crédito</th>
                            <th>Prefactura</th>
                            <th>Estatus</th>
                            <th>Acciones</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Sin pago</td>
                                <td>Descripción larga que unifica todos los demas conceptos</td>
                                <td>marca</td>
                                <td>modelo</td>
                                <td>norma/servicio</td>
                                <td>$0.00</td>
                                <td>$0.00</td>
                                <td>$0.00</td>
                                <td>15/01/2024</td>
                                <td>contado</td>
                                <td>contado</td>
                                <td>
                                    <span class="badge badge-warning">Pendiente</span>

                                </td>
                                
                                <td>
                                    <div class="ui tiny icon buttons">
                                        <a class="ui button green" title="Modifica">
                                            <i class="pencil icon"></i>
                                        </a>
                                        <a class="ui button red" title="Modifica">
                                            <i class="trash alternate icon"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
               
            </div>
           
            
        </div>
        <div class="row mt-3">
            <div class="col-xs-12 col-sm-6 col-md-6">
                <a class="ui button gray" href="{{route('detalles.informes',[3])}}">
                    <i class="arrow circle left icon"></i>Atrás
                </a>
            </div>
        </div>
    </div>
    
 
    

@endsection