@php
    $id_usuario = session('id_usuario');
    
@endphp
<style>
    .table-secondary {
    background-color: #f8f9fa !important;
    opacity: 0.85;
}

.no-descuento-label {
    font-size: 11px;
    font-weight: 600;
}

    div#edit_servicio_cliente_modal div.modal-lg {
        max-width: 90% !important;
    }
</style>
<!--MODAL DESTROY-->
<div class="modal fade" name="edit_servicio_cliente_modal" id="edit_servicio_cliente_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form action="{{url('servicio_cliente_index/'.$id_recibo_muestra.'/update_servicio_cliente_reporte')}}" method="post" role="form" enctype="multipart/form-data">
                {{csrf_field()}}

                <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel"><strong>Datos de servicios al cliente</strong></h5>
                <button type="button" class="close reset" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                </div>
                <div class="modal-body">
                    <div class="card text-center" style="/*margin-top: 50px;*/">
                        <div class="card-header">
                            Datos de servicios al cliente
                        </div>
                        <div class="card-body">
                            
                            {{--<ul class="nav nav-tabs" id="myTab" role="tablist">
                                
                                <li class="nav-item">
                                   <a class="nav-link active" id="pre-factura-edit-tab" data-toggle="tab" href="#pre-factura-edit" role="tab" aria-controls="pre-factura-edit" aria-selected="true">pre-factura</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="solicitud-prueba-edit-tab" data-toggle="tab" href="#solicitud-prueba-edit" role="tab" aria-controls="solicitud-prueba-edit" aria-selected="false">Solicitud de prueba</a>
                                 </li>
                            </ul>
                            <div class="tab-content" id="myTabContent"> 
                                
                                <div class="tab-pane fade show active" id="pre-factura-edit" role="tabpanel" aria-labelledby="pre-factura-edit-tab">--}}
                                    <div class="row mt-3">
                                        <label for="Tencion" class="col-sm-2 col-form-label">Estatus</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="estatus_pre_factura_edit" name="estatus_pre_factura_edit" class="selectpicker form-control" data-live-search="true" required>
                                                    <option value="" selected disabled>--Seleccione--</option>
                                                    
                                                    <option value="verde">Aprobado</option>
                                                    <option value="amarillo">Pendiente</option>
                                                    <option value="rojo">No aprobado</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="Tencion" class="col-sm-2 col-form-label">Tipo pago</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="tipo_pago_pre_factura_edit" name="tipo_pago_pre_factura_edit" class="selectpicker form-control" required>
                                                    <option value="" selected disabled>--Seleccione--</option>
                                                    
                                                    <option value="Transferencia">Transferencia</option>
                                                    <option value="Efectivo">Efectivo</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="Tencion" class="col-sm-2 col-form-label">Tipo moneda</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="tipo_moneda_pre_factura" name="tipo_moneda_pre_factura" class="selectpicker form-control" required>
                                                    <option value="" selected disabled>--Seleccione--</option>
                                                    <option value="Pesos Mexicanos">Pesos Mexicanos</option>
                                                    <option value="Dolares">Dólares</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 dt-responsive table-responsive">
                                        <table class="ui celled table unstackable structured width_fixed_table">
                                            <thead>
                                                <tr>
                                                    <th>Producto</th>
                                                    <th>Marca</th>
                                                    <th>Modelo</th>
                                                    <th class="width_fixed">NOM/NMX</th>
                                                    <th>No. Informe</th>
                                                    <th>Fecha entrega</th>
                                                    <th class="w-25">Precio unitario</th>
                                                    <th>Descuento 
                                                        @if ($datos_cliente_factura->descuento != NULL)
                                                            {{$datos_cliente_factura->descuento}}%
                                                        @else
                                                        0%
                                                        @endif
                                                    </th>
                                                    <th>Mostrar en formato</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($datos_muestras_reporte->count())
                                                @php
                                                    $num_muestras = 0;
                                                @endphp
                                                @foreach ($datos_muestras_reporte->conceptos as $dato_reporte)
                                                @php
                                                    $num_muestras++;
                                                @endphp
                                                    <tr 
                                                        data-id_servicio_concepto="{{$dato_reporte->id_servicio_cliente_concepto}}"
                                                        data-id_precio_x_servicio="{{$dato_reporte->id_precio_x_servicio ?? 0}}">
                                                        <td>{{ $dato_reporte->producto }}</td>
                                                        <td>{{ $dato_reporte->marca }}</td>
                                                        <td>{{ $dato_reporte->modelo }}</td>
                                                        @if ($dato_reporte->servicio != null)
                                                            @if ($dato_reporte->caracteristicas_producto)
                                                                <td>{{$dato_reporte->servicio." - ".$dato_reporte->caracteristicas_producto}}</td>
                                                                @else
                                                                    <td>{{$dato_reporte->servicio}}</td>
                                                            @endif  
                                                            @else
                                                            <td class="">
                                                                <select id="select_servicio_{{$dato_reporte->id_servicio_cliente_concepto}}" name="select_servicio_{{$dato_reporte->id_servicio_cliente_concepto}}" class="form-control select_servicio liveSearchJquery" required>
                                                                    <option value="0" selected disabled>--Seleccione--</option>
                                                                    @foreach ($servicios as $servicio)
                                                                        <option value="{{$servicio->id_servicio}}">{{$servicio->servicio}}</option>
                                                                    @endforeach
                                                                </select>
                                                                
                                                                <select name="select_servicio_producto_{{$dato_reporte->id_servicio_cliente_concepto}}" id="select_servicio_producto_{{$dato_reporte->id_servicio_cliente_concepto}}" class="form-control select_servicio_producto liveSearchJquery">
                                                                    <option value="">--Seleccione--</option>
                                                                </select>
                                                                {{--<div class="mt-3" id="producto_primera_inspeccion"></div>--}}
                                                            </td>
                                                        @endif
                                                        <script>
                                                            // Opciones de servicios para la fila extra (reutilizamos tu $servicios del backend)
                                                            window._SERVICIOS_OPTS_HTML = `{!! collect($servicios)->map(function($s){
                                                                return '<option value="'.$s->id_servicio.'">'.e($s->servicio).'</option>';
                                                            })->implode('') !!}`;
                                                        </script>
                                                        <td>{{ $dato_reporte->num_informe}}</td>
                                                        <td>{{ date("d-m-Y",strtotime($dato_reporte->fecha_emision))}}</td>
                                                        {{--<td class="text-right">{{"$".number_format($dato_reporte->precio_unitario,2)}}</td>--}}
                                                        <td><input required class="form-control" type="number" min="0" step="0.01" id="precio_unitario_edit_{{$dato_reporte->id_servicio_cliente_concepto}}" name="precio_unitario_edit_{{$dato_reporte->id_servicio_cliente_concepto}}" value="{{$dato_reporte->precio_unitario}}" ></td>
                                                        
                                                        <td class="text-center descuento-cell">
                                                            <div class="custom-control custom-checkbox">
                                                                <input  
                                                                    @if ($dato_reporte->descuento_activo == 1)
                                                                        checked
                                                                    @endif
                                                                    type="checkbox"
                                                                    class="custom-control-input checkbox_pre_factura_edit"
                                                                    id="id_muestra_descuento_edit_{{$dato_reporte->id_servicio_cliente_concepto}}"
                                                                    name="id_muestra_descuento_edit_{{$dato_reporte->id_servicio_cliente_concepto}}">
                                                                <label class="custom-control-label"
                                                                    for="id_muestra_descuento_edit_{{$dato_reporte->id_servicio_cliente_concepto}}">
                                                                </label>
                                                            </div>
                                                            <small class="text-danger d-none no-descuento-label">
                                                                No aplica descuento
                                                            </small>
                                                        </td>
                                                        
                                                        <td class="text-center">
                                                            <div class="custom-control custom-checkbox">
                                                            <input  
                                                            @if ($dato_reporte->mostrar_en_formato == 1)
                                                                checked
                                                            @endif
                                                            
                                                            type="checkbox" class="custom-control-input checkbox_mostrar_formato_edit" id="id_muestra_mostrar_formato_edit_{{$dato_reporte->id_servicio_cliente_concepto}}" name="id_muestra_mostrar_formato_edit_{{$dato_reporte->id_servicio_cliente_concepto}}">
                                                                <label class="custom-control-label" for="id_muestra_mostrar_formato_edit_{{$dato_reporte->id_servicio_cliente_concepto}}"></label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                @else
                                                <tr>
                                                    <td class="text-center" colspan="8">No se encontraron registros, asegurese de que el registro tenga sus datos de Servicio/Norma actualizados</td>
                                                </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                    
                                {{--</div>--}}
                                {{--<div class="tab-pane fade" id="solicitud-prueba-edit" role="tabpanel" aria-labelledby="solicitud-prueba-edit-tab">
                                    <div class="row mt-3">
                                        <label for="Tencion" class="col-sm-2 col-form-label">Estatus</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="estatus_solicitud_prueba_edit" name="estatus_solicitud_prueba_edit" class="selectpicker form-control" data-live-search="true" required>
                                                    <option value="" selected disabled>--Seleccione--</option>
                                                    
                                                    <option value="verde">Aprobado</option>
                                                    <option value="amarillo">Pendiente</option>
                                                    <option value="rojo">No aprobado</option>

                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-lg-12 dt-responsive table-responsive">
                                        <table class="ui celled table unstackable structured">
                                            <thead>
                                                <tr>
                                                    <th>Producto</th>
                                                    <th>Marca</th>
                                                    <th>Modelo</th>
                                                    <th>NOM/NMX</th>
                                                    <th>No. Informe</th>
                                                    <th>Fecha entrega</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($datos_muestras_reporte->count())
                                                
                                                @foreach ($datos_muestras_reporte->conceptos as $dato_reporte)
                                                
                                                    <tr>
                                                        <td>{{ $dato_reporte->producto }}</td>
                                                        <td>{{ $dato_reporte->marca }}</td>
                                                        <td>{{ $dato_reporte->modelo }}</td>
                                                        @if ($dato_reporte->caracteristicas_producto)
                                                            <td>{{$dato_reporte->servicio." - ".$dato_reporte->caracteristicas_producto}}</td>
                                                        @else
                                                            <td>{{$dato_reporte->servicio}}</td>
                                                        @endif
                                                        <td>{{ $dato_reporte->num_informe }}</td>
                                                        <td>{{ date("d-m-Y",strtotime($dato_reporte->fecha_emision))}}</td>
                                                    </tr>
                                                @endforeach
                                                @else
                                                <tr>
                                                    <td class="text-center" colspan="8">No se encontraron registros</td>
                                                </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                    <input type="hidden" id="id_servicio_cliente_reporte" name="id_servicio_cliente_reporte" value="{{$estatus_reportes->id_servicio_cliente_reporte}}">
                                    <input type="hidden" id="id_recibo_muestra" name="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                                </div>--}}
                                <div class="form-group row mt-3">
                                    <label for="observaciones"  class="col-sm-2 col-form-label">Observaciones</label>
                                    <div class="col-sm-10">
                                    <textarea type="text" class="form-control" placeholder="Ingrese observaciones" id="observaciones" name="observaciones">{{$estatus_reportes->observaciones}}</textarea>
                                    </div>
                                </div>
                            </div>
                        {{--</div>--}}
                    </div>
                </div>
                                        
                <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="times icon"></i>Cerrar</button>
                <button type="submit" class="btn btn-primary">
                    <i class="save icon"></i>Guardar
                </button>
                </div>
            </form>
        </div>
    </div>
</div>