@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;
}
    .modal-lg {
        max-width: 90% !important;
    }
</style>
<!--MODAL DESTROY-->
<div class="modal fade" name="create_servicio_cliente_modal" id="create_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 id="create_servicio_cliente_reporte_form" action="{{url('servicio_cliente_index/'.$id_recibo_muestra.'/create_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-tab" data-toggle="tab" href="#pre-factura" role="tab" aria-controls="pre-factura" aria-selected="true">Pre-factura</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="solicitud-prueba-tab" data-toggle="tab" href="#solicitud-prueba" role="tab" aria-controls="solicitud-prueba" 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" role="tabpanel" aria-labelledby="pre-factura-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" name="estatus_pre_factura" class="selectpicker form-control" 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" name="tipo_pago_pre_factura" 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">
                                            <thead>
                                                <tr>
                                                    <th>Producto</th>
                                                    <th>Marca</th>
                                                    <th>Modelo</th>
                                                    <th>NOM/NMX</th>
                                                    <th>Tipo de producto</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>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($datos_muestras->count())
                                                @php
                                                    $num_muestras = 0;
                                                @endphp
                                                @foreach ($datos_muestras as $dato_muestra)
                                                @php
                                                    $num_muestras++;
                                                @endphp
                                                    <tr data-id_precio_x_servicio="{{$dato_muestra->id_precio_x_servicio}}">
                                                        {{--
                                                        <td><input class="form-control" type="text" id="nombre" name="nombre" value="{{$dato_muestra->nombre }}"></td>
                                                        <td><input class="form-control" type="text" id="nombre" name="nombre" value="{{$dato_muestra->marca }}"></td>
                                                        <td><input class="form-control" type="text" id="nombre" name="nombre" value="{{$dato_muestra->modelo }}"></td>
                                                        <td><input class="form-control" type="text" id="nombre" name="nombre" value="{{$dato_muestra->servicio }}"></td>
                                                        <td><input class="form-control" type="text" id="nombre" name="nombre" value="{{$dato_muestra->numero_informe }}"></td>
                                                        <td><input class="form-control" type="text" id="nombre" name="nombre" value="{{date("d-m-Y",strtotime($dato_muestra->fecha_emision)) }}"></td>
                                                        <td><input class="form-control" type="text" id="nombre" name="nombre" value="{{"$".number_format($dato_muestra->precio_unitario,2)}}"></td>
                                                        --}}
                                                        <td>{{ $dato_muestra->nombre }}</td>
                                                        <td>{{ $dato_muestra->marca }}</td>
                                                        <td>{{ $dato_muestra->modelo }}</td>
                                                        
                                                        @foreach ($datos_extrabaja as $item_extrabaja)
                                                            
                                                            @if ($dato_muestra->id_muestra == $item_extrabaja["id_muestra"])
                                                                @if ($item_extrabaja["caracteristicas_producto"])
                                                                    <td>{{$dato_muestra->servicio." - ".$item_extrabaja["caracteristicas_producto"]}}</td>
                                                                @else
                                                                    <td>{{$dato_muestra->servicio}}</td>
                                                                @endif
                                                            @endif
                                                        @endforeach
                                                        <td>
                                                            {{$dato_muestra->tipo_producto}}
                                                        </td>
                                                        <td>{{ $dato_muestra->numero_informe }}</td>
                                                        <td>{{ date("d-m-Y",strtotime($dato_muestra->fecha_emision))}}</td>
                                                        
                                                        <td><input required class="form-control" type="number" min="0" step="0.01" id="precio_unitario_{{$dato_muestra->id_muestra}}" name="precio_unitario_{{$dato_muestra->id_muestra}}" value="{{$dato_muestra->precio_unitario}}" ></td>
                                                        
                                                        <td class="text-center descuento-cell">
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox"
                                                                    class="custom-control-input checkbox_pre_factura"
                                                                    id="id_muestra_descuento_{{$dato_muestra->id_muestra}}"
                                                                    name="id_muestra_descuento_{{$dato_muestra->id_muestra}}">
                                                                <label class="custom-control-label"
                                                                    for="id_muestra_descuento_{{$dato_muestra->id_muestra}}">
                                                                </label>
                                                            </div>
                                                            <small class="text-danger d-none no-descuento-label">
                                                                No aplica descuento
                                                            </small>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                @else
                                                <tr>
                                                    <td class="text-center" colspan="8">No se encontraron registros, asegurese de que el registro tenga sus datos de Norma/Servicio actualizados</td>
                                                </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-sm-12">
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="selectAll" name="selectAll">
                                                <label class="custom-control-label" for="selectAll">Seleccionar todo</label>
                                            </div>
                                        </div>
                                        
                                    </div>
                                {{--</div>
                                <div class="tab-pane fade" id="solicitud-prueba" role="tabpanel" aria-labelledby="solicitud-prueba-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" name="estatus_solicitud_prueba" 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->count())
                                                
                                                @foreach ($datos_muestras as $dato_muestra)
                                                
                                                    <tr>
                                                        <td>{{ $dato_muestra->nombre }}</td>
                                                        <td>{{ $dato_muestra->marca }}</td>
                                                        <td>{{ $dato_muestra->modelo }}</td>
                                                        @foreach ($datos_extrabaja as $item_extrabaja)
                                                            @if ($dato_muestra->id_muestra == $item_extrabaja["id_muestra"])
                                                                @if ($item_extrabaja["caracteristicas_producto"])
                                                                    <td>{{$dato_muestra->servicio." - ".$item_extrabaja["caracteristicas_producto"]}}</td>
                                                                @else
                                                                    <td>{{$dato_muestra->servicio}}</td>
                                                                @endif
                                                            @endif
                                                        @endforeach
                                                        <td>{{ $dato_muestra->numero_informe }}</td>
                                                        <td>{{ date("d-m-Y",strtotime($dato_muestra->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_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" id="observaciones" name="observaciones">@if($datos_muestras_reporte){{$datos_muestras_reporte->observaciones}}@endif</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 id="send_prefactura_form" type="submit" class="btn btn-primary">
                    <i class="save icon"></i>Registrar
                </button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    window.serviciosSinDesc = @json($serviciosSinDescuento ?? []);
</script>