@extends('header_new')
@section('main')
<div class="container mt-5 pt-5">
    <div class="row">
        <div class="col-md-12">
            <table id="tabla_asignacion_juicios" class="table table-bordered">
                <thead>
                    <tr>
                        <th>Cantidad</th>
                        <th>Accion</th>
                        <th>Tipo de Novedad</th>
                        <th>Nombre de la causa</th>
                        <th>Accion</th>
                        <!-- <th>Editado</th> -->
                    </tr>
                </thead>
                <tbody>
                    @foreach($lista_juicios_sin_id_tipo_causa as $pos => $row)
                        <tr>
                            <td>{{ $row['cantidad'] }}</td>
                            <td>
                                <!-- disparador Ver Detalle Modal Redireccion a detalles: btn_mostrar_causa -->
                                <button class="btn_mostrar_causa btn btn-warning" type="button" data-bs-toggle="modal"
                                    data-bs-target="#detalleCausaModal">Ver Detalle</button>
                            </td>
                            <td class="tipo_de_novedad">{{ $row['tipo_de_novedad'] }}</td>
                            <td>
                                <select class="form-select select_id_tipo_causa">
                                    <option value="">-- Seleccione --</option>
                                    @foreach($lista_nombres_tipo_de_causa as $pos_nombre => $row_nombre)
                                        <option value="{{$row_nombre['id_tipo_causa']}}|{{$row_nombre['nombre_causa']}}">
                                            {{$row_nombre['nombre_causa']}}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td>
                                <button class="btn_asigna_tipo_causa btn btn-info" name="btn_asigna_tipo_causa"
                                    type="submit">Asignar</button>
                            </td>
                            <!-- <td style="background-color: green; border-color: black; padding: 2px;" ></td> -->
                            <!-- IF editado = 1  -->
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <input type="hidden" id="token" name="_token" value="{{ csrf_token() }}">
    </div>
    <div class="row mt-5">
        <div class="col-md-12">
            <table id="tabla_tarea_juicios" class="table table-bordered">
                <thead>
                    <tr>
                        <th>Tipo de Novedad</th>
                        <th>Id asignado</th>
                        <th>Estado</th>
                        <!-- <th>Editado</th> -->
                    </tr>
                </thead>
                <tbody>
                    @foreach($tarea_juicios as $pos => $row)
                        <tr>
                            <td class="tipo_de_novedad">{{ $row->tipo_de_novedad }}</td>
                            <td class="tipo_de_novedad">{{ $row->id_tipo_novedad }}</td>
                            <td class="tipo_de_novedad">@if($row->terminada == 0) En Proceso @else finalizada @endif </td>
                            <!-- <td style="background-color: green; border-color: black; padding: 2px;" ></td> -->
                            <!-- IF editado = 1  -->
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <input type="hidden" id="token" name="_token" value="{{ csrf_token() }}">
    </div>
</div>



<!-- Modal -->
<div class="modal fade" id="detalleCausaModal" tabindex="-1" aria-labelledby="detalleCausaModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-fullscreen"> <!-- modal-xl -->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-fidelitas" id="detalleCausaModalLabel">Detalle de la Causa</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body">
                <p>Detalles de Juicio</p>
                <div id="contenidoDetalleCausa">
                  
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                {{-- Puedes añadir más botones aquí si son necesarios --}}
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
@endsection
@section('funcionesJs')
    <script type="text/javascript" src="{{ URL::asset('js/general.js') }}"> </script>
    <script type="text/javascript" src="{{ URL::asset('js/datacleaning/juicios.js') }}"> </script>
@endsection