@extends('material.layouts.modal')


@push('styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<!-- Datatables Styles -->
    <link href="{{ asset('assets/global/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<!-- Modal Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal.css') }}" rel="stylesheet" type="text/css" />
<!-- SweetAlert Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
<!-- Toaster Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-toastr/toastr.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/general.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/estilos_datatable.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('page-title', 'Seguimiento 2a linea')


@section('page-description', 'ver y crear seguimientos para una causa')

@section('content')
    <div class="col-md-12">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'Seguimiento 2a linea (Causa)'])
        @if ($causa)
            @if($status == 'success')
                <div class="alert alert-success" role="alert">
                    Seguimientos actualizados satisfactoriamente
                </div>
            @endif
            @if($solo_oap)
                <div class="row">
                    <form action="{{ route('recomendacion_causa_guardar') }}" method="POST" enctype="multipart/form-data">
                        <div class="col-md-12 form-group {{ $errors->has('tx_recomendacion') ? ' has-error' : '' }}">
                            <label for="tx_recomendacion" class="form-label">* Seguimiento</label>
                            <textarea name="tx_recomendacion" class="form-control" rows="5"></textarea>
                        </div>
                        <div class="col-md-12 hide">
                            <input type="file" name="fl_evidencia">
                        </div>
                        <div class="col-md-12">
                            <br>
                        </div>
                        <div class="col-md-12">
                            {{ csrf_field() }}
                            <input type="hidden" name="i_pk_id" value="0">
                            <input type="hidden" name="id_user" value="{{ Auth::user()->id }}">
                            <input type="hidden" name="id_causa" value="{{ $causa->i_pk_id }}">
                            <button class="btn green" type="submit">Guardar</button>
                        </div>
                    </form>
                </div>
            @endif
            <div class="row">
                <div class="col-md-12">
                    <h3>Causa {{ $causa->i_pk_id }}</h3>
                    <p>{{ $causa->tx_causa }}</p>      
                </div>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <ul class="list-group list-group-flush">
                                @foreach($recomendaciones as $recomendacion)
                                    <li class="list-group-item">
                                        {{ $recomendacion->tx_recomendacion }} <br>
                                        <small> {{ $recomendacion->created_at }} {{ $recomendacion->usuario->getNameLastAttribute() }} </small>
                                        @if($recomendacion->tx_evidencia)
                                            <br>
                                            <small>
                                                <a href="{{ asset('storage/seguimientos/causas/'.$recomendacion->tx_evidencia) }}">Anexo</a>
                                            </small>
                                        @endif
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        @endcomponent
        @else
            <div class="row">
                <div class="col-md-12">
                    No se encontro una causa.
                </div>
            </div>
        @endif
    </div>
@endsection


@push('functions')
<!-- Toastr Scripts -->
    <script src="{{ asset('assets/global/plugins/bootstrap-toastr/toastr.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/ui-toastr.js') }}" type="text/javascript"></script>
<!-- Datatables Scripts -->
    <script src="{{ asset('assets/global/scripts/datatable.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/table-datatable.js') }}" type="text/javascript"></script>
<!-- Modal Scripts -->
    <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modalmanager.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modal.js') }}" type="text/javascript"></script>
 <!-- Select picker -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
<!-- SweetAlert Scripts -->

    <script src="{{ asset('assets/global/plugins/bootstrap-sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
<!-- Validation Scripts -->
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/localization/messages_es.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/form-validation-md.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/general-request.js') }}" type="text/javascript"></script>
<!-- Select2 Script -->
    <script src="{{ asset('assets/global/plugins/select2/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/i18n/es.js"></script>
@endpush


@push('functions')
    <script></script>
@endpush