@extends('fragments.fullTemplate')
@section('titulo')
    Pre-Factura
@endsection
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Muestras</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Solictud de prueba</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Pre-Factura</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="form-group row">
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="empresa" class="">Empresa</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->razon_social}}" id="empresa" name="empresa">--}}
            <p>{{$datos_empresa->razon_social}}</p>
        </div>
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="contacto" class="">Cliente</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->quien_entrego}}" id="quien_entrega" name="quien_entrega">--}}
            @if ($datos_contacto != NULL)
                <p>{{$datos_contacto->nombre_cliente}} {{$datos_contacto->apaterno_cliente}} {{$datos_contacto->amaterno_cliente}}</p>
            @endif
        </div>
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="fecha_recibo" class="">Fecha de recibo de muestra</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->fecha_recibo}}" id="fecha_recibo" name="fecha_recibo">--}}
            <p>{{$datos_empresa->fecha_recibo}}</p>
        </div>
    </div> 
    {{--<div class="ui segment">
        <form class="ui form" action="usuarioSearch" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Nombre de la muestra...">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar muestra">
                </div>
            </div>
        </form>
    </div>--}} 
	
    {{--<div class="ui divider"></div>
    <button class="ui button fluid primary create_programacion_modal">
        <i class="pencil alternate icon"></i> Nuevo registro de programación
    </button>  --}}
    
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{ $muestras_programacion->count() }}</strong> resultados en esta página</p>
            <table class="ui celled table unstackable">
                <thead>
                    <tr>
                        
                        <th>Partida</th>
                        <th>Nombre</th>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>Cantidad</th>
                        <th>Norma</th>
                        <th>Folio programación</th>
                        <th>Precio UNIT</th>
                        <th class="collapsing"></th>
                    </tr>
                </thead>
                <tbody>
                    @if($muestras_programacion->count())
                    @foreach ($muestras_programacion as $muestra_programacion)
                        <tr>
                            
                            <td>{{ $muestra_programacion->partida }}</td>
                            <td>{{ $muestra_programacion->nombre }}</td>
                            <td>{{ $muestra_programacion->marca }}</td>
                            <td>{{ $muestra_programacion->modelo }}</td>
                            <td>{{ $muestra_programacion->cantidad }}</td>
                            <td>{{ $muestra_programacion->nombre_norma }}</td>
                            <td>{{ $muestra_programacion->folio_programacion }}</td>

                            <td>----</td>

                            <td>
                                <div class="ui tiny icon buttons">
                                <!-- Editar -->
                                <a class="ui button green" title="Modifica" id="edit_precio" data-id_norma="{{$muestra_programacion->id_norma}}" data-id_norma="{{$muestra_programacion->id_norma}}">
                                        <i class="dollar sign icon"></i>
                                    </a>

                                    {{--<a class="ui button red" title="Eliminar" id="delete_norma" data-id="{{$norma->id_norma}}">
                                        <i class="trash alternate icon"></i>
                                    </a>

                                    <a class="ui button orange" title="Clasificadores" href="{{url('normas/'.$norma->id_norma.'/clasificadores')}}">
                                        <i class="arrow right icon"></i>
                                    </a>--}}
                                    
                                </div>
                            </td>
                            
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td class="text-center" colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{$muestras_programacion->links("pagination::bootstrap-4") }}
        </div>
        <div class="ui divider"></div>
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                {{--<input type="submit" value="Guardar" class="ui button primary">--}}
                <a href="{{ url('solicitud_prueba') }}" class="ui button gray">Atrás</a>
            </div>
        </div>
    </div>

    @include('SolicitudPrueba.edit_precio')

    <script>
        resultData = [];
        id_norma = 0;
        capitulos = [];
        $(document).ready(function(){
            $('#new_norma').click(function(){
                $('#modalNewNorma').modal('show');
            });

            $('a#edit_precio').click(function(){
                id_norma = $(this).data('id_norma');
                
                $.ajax({
                    url:"{{ url('precios/incisos') }}",
                    method:"POST",
                    data:{'id_norma': id_norma, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        capitulos = resultData.capitulos;
                        let capitulo_option = "";
                        capitulo_option +="<option selected disabled>--Seleccione--</option>";
                        if (capitulos.length > 0) {
                            $.each(capitulos, function(key, value) {
                                capitulo_option +="<option value="+value['id_capitulo']+">"+value['numero']+"."+value['capitulo']+"</option>";
                            });
                        }
                        $('#id_inciso').html("<option selected disabled>--Seleccione--</option>");
                        $('#id_capitulo').html(capitulo_option);
                        $('#modalEditPrecio').modal('show');
                    }
                });
            });

            $('#id_capitulo').change(function() {
                id_capitulo = $(this).val();
                $('#id_inciso').attr('hidden', true);
                $('#carga_inciso').removeAttr('hidden');
                $.ajax({
                    url:"{{ url('norma/capitulo/incisos') }}",
                    method:"POST",
                    data:{'id_capitulo': id_capitulo, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData_inciso = result.data;
                        var html_option = "";
                        html_option +="<option selected disabled>--Seleccione--</option>";
                        if (resultData_inciso.length > 0) {
                            $.each(resultData_inciso, function(key, value) {
                                html_option+= html_incisos(value['incisos'] , 1, value['numero']);
                            });
                        }
                        $('#id_inciso').html(html_option);
                        $('#carga_inciso').fadeIn(2000).attr('hidden', true);
                    }
                });
               
                $('#id_inciso').removeAttr('hidden');
            });

            $('a#delete_norma').click(function(){
                id_norma = $(this).data('id');
                $('#modalDeleteNorma').modal('show');
            });
        });

        $('#modalEditPrecio').on('show.bs.modal', function () {
           $("#modal-form-modify :input").each(function(){
               input = $(this).attr('id');
               if(input in resultData){
                   $('#modal-form-modify #norma').val(resultData[input]);
               }
           });
       });

        $('#modalDeleteNorma').on('show.bs.modal', function () {
            $('#modal-form-delete input#id_norma').val(id_norma);
        });
    </script>
    
@endsection