@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/dataTables/bootstrap.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dataTables/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dataTables/responsive.bootstrap4.min.css') }}">
@stop

@section('menu')
    @if ($ind == "s")
        @include('menu.soporte')
    @else
        @include('menu.recuperacion')
    @endif
@stop

@section('content')

<h3 class="text-muted">{{'Presupuestos'}}</h3>

<input type="hidden" id="ind" value="{{$ind}}" /> 
<input type="hidden" id="identificador" value="#presupuestos" >
<div class="espacio10">
    <table id="presupuestos" class="table table-striped table-bordered shadow-lg mt-4 dt-responsive nowrap" style="width:100%">
        <thead class="bg-primary text-white">
            <tr>
                <th scope="col" width="5%">{{'Folio'}}</th>
                <th scope="col" width="7%">{{'Fecha'}}</th>
                <th scope="col" width="8%">{{'Rut'}}</th>
                <th scope="col" width="25%">{{'Razon Social'}}</th>
                <th scope="col" width="10%">{{'Valor'}}</th>
                <th scope="col" width="10%">{{'Estado'}}</th>
                <th scope="col" width="35%">{{'Opciones'}}</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($presupuestos as $presupuesto)
                <tr>
                    <td>{{$presupuesto->folio}}</td>
                    <td>{{date('d-m-Y', strtotime($presupuesto->fecha))}}</td>
                    <td>{{$presupuesto->rut}}</td>
                    <td>{{$presupuesto->nombre}}</td>
                    <td>{{valor_peso($presupuesto->valor)}}</td>
                    <td>{{$presupuesto->estado}}</td>
                    <td>
                        <form action="{{ route ('presupuestos.destroy',$presupuesto->orden_id,$ind)}}" method="POST">
                            @if ($presupuesto->estado_presupuesto_id == 1)
                                <a href="/presupuestos/{{$presupuesto->orden_id}}/edit/{{$ind}}" class="btn btn-sm btn-info">{{'Editar'}}</a>
                            @else
                                <button type="button" disabled class="btn btn-sm btn-info">{{'Editar'}}</button>       
                            @endif
                            @if ($presupuesto->estado_presupuesto_id == 1 || $presupuesto->estado_presupuesto_id == 3)
                                <a id="modal-aprobar" href="#aprobar{{$presupuesto->orden_id}}" role="button" class="btn btn-primary btn-sm" data-toggle="modal">Aprobar</a>
                            @else
                                <button type="button" disabled class="btn btn-sm btn-primary">{{'Aprobar'}}</button>  
                            @endif
                            @if ($presupuesto->estado_presupuesto_id == 1 || $presupuesto->estado_presupuesto_id == 2)
                                <a id="modal-rechazar" href="#rechazar{{$presupuesto->orden_id}}" role="button" class="btn btn-danger btn-sm" data-toggle="modal">Rechazar</a>
                            @else
                                <button type="button" disabled class="btn btn-sm btn-danger">{{'Rechazar'}}</button>  
                            @endif
                            <a href="/presupuestos/{{$presupuesto->orden_id}}/impresion/{{$ind}}" class="btn btn-sm btn-warning" target="_blank">{{'Imprimir'}}</a>
                            @csrf
                            @method('DELETE')
                            @if($presupuesto->estado_presupuesto_id == 4)
                                <button type="submit" disabled class="btn btn-sm btn-secondary">Quitar</button>                                
                            @else
                                <button type="submit" class="btn btn-sm btn-secondary">Quitar</button>
                            @endif
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

<!-- Modal Aprobaciones -->

@foreach ($presupuestos as $presupuesto)
    <div class="modal fade" id="aprobar{{$presupuesto->orden_id}}" role="dialog" aria-labelledby="modal_aprobar" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal_detalle">{{'Detalle Aprobacion'}}</h5> 
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-10 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-11">
                                    <span class="badge text-black badge-default">Detalle Aprobación</span>
                                    <textarea class="form-control form-control-sm" id="{{'detalle_aprobacion'.$presupuesto->orden_id}}" name="{{'detalle_aprobacion'.$presupuesto->orden_id}}" required rows="3"></textarea>
                                </div>
                            </div>   
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" id="{{$presupuesto->orden_id}}"class="btn btn-primary" onclick="aprobar_presupuesto(this)">Aprobar</button>
                </div>
            </div>   
        </div>
    </div>

    <div class="modal fade" id="rechazar{{$presupuesto->orden_id}}" role="dialog" aria-labelledby="modal_rechazar" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal_detalle">{{'Detalle Rechazo'}}</h5> 
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-10 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-11">
                                    <span class="badge text-black badge-default">Detalle Rechazo</span>
                                    <textarea class="form-control form-control-sm" id="{{'detalle_rechazo'.$presupuesto->orden_id}}" name="{{'detalle_rechazo'.$presupuesto->orden_id}}" required rows="3"></textarea>
                                </div>
                            </div>   
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" id="{{$presupuesto->orden_id}}"class="btn btn-primary" onclick="rechazar_presupuesto(this)">Rechazar</button>
                </div>
            </div>   
        </div>
    </div>
@endforeach

@stop

@section('scripts')
    <script src="{{ asset('js/dataTables/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/jquery.dataTables.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.responsive.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/responsive.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/config-dt.js') }}" defer></script>
    <script src="{{ asset('js/ordenes.js') }}" defer></script>
@stop