@extends('base')
@section('titulo')
adjuntos cotizacion completa
@endsection
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page"><a href="{{route('completa.index')}}">Listado cotizaciones completas</a></li>
        <li class="breadcrumb-item active" aria-current="page">Listado de adjuntos</li>
    </ol>
</nav>

<!-- Boton agregar imagen modal -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addModal">
        Agregar adjunto
    </button>
</div>

@if ($errors->any())
    <div class="errors">
        <p class="alert alert-warning" role="alert">Por favor corrige los siguientes errores</p>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<!-- Mensaje Exito -->
@if(session('exito'))
<div class="alert alert-success" id="alert">
    <i class="ki-outline ki-information-5 fs-2 mx-2 text-success"></i>
    {{ session('exito') }}
</div>
@endif
<!-- Fin Mensaje Exito -->

<!-- Fin Boton agregar imagen modal -->
<!-- Agregar Modal -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class=""></i>
                    Agregar adjunto
                </h5>
                <button type="button" class="btn btn-icon btn-sm btn-active-light-danger ms-2" data-bs-dismiss="modal" aria-label="Close">
                        <i class="ki-outline ki-cross fs-1"></i>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('adjuntocc.store') }}" method="POST" enctype="multipart/form-data">
                      @csrf
                      <div class="form-group">
                        <label for="name_file">Titulo archivo</label>
                        <input class="form-control"  type="text" name="name_file"  required>
                    </div>

                    <div class="form-group">
                        <label for="ruta2">Adjunto</label>
                        <input class="form-control"  type="file" name="adjunto" id="adjunto" required accept=".jpg,.bmp,.png,.pdf">
                    </div>
                    <input type="hidden" name="cotizacion" value="{{$cotizacion->id}}">
                    <button class="btn btn-primary" type="submit">Guardar</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Fin Agregar Modal -->

@if(count($adjuntos) > 0)
<!-- Table -->
<table class="table table-bordered table-hover">
    <thead class="thead-dark">
        <tr>
            <th scope="col">#</th>
            <th scope="col">Titulo</th>
            <th scope="col">Archivo</th>
            <th scope="col">Estado</th>
            <th scope="col">Acciones</th>
        </tr>
                @foreach ($adjuntos as $adjunto )
                <tr>
            <td> {{ $i}} </td>
            <td>{{$adjunto->nombre_archivo}}</td>
            <td>
               <a href="{{ asset('img').'/'.$adjunto->archivo }}" target="_blank">ver archivo </a>
             </td>
            <td>{{$adjunto->estado}}</td>
            <td style="display: flex">

                @if ($adjunto->estado!="Aprobado")
                    <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModal"
                    class="fas fa-trash-alt"
                    style="color:gray !important; background-color:transparent; border: 0px solid;"
                    onclick="fun_delete('{{$adjunto->id}}')"></button>
                    <button title="Aprobar" data-toggle="modal" data-target="#aprobarModal"
                    class="fas fa-w fas fa-check-circle" type="button" style="color:gray !important; background-color:transparent; border: 0px solid;" onclick="fun_adjunto('{{$adjunto->id}}')">
                  </button>
                @endif

            </td>
        </tr>
        @endforeach
    </thead>
</table>
<!-- Fin Table -->
<!-- Paginacion de tabla -->


{{-- <div class="d-flex justify-content-center">
    {{ $adjuntos->links() }}
</div> --}}


<!-- Fin Paginacion de tabla-->
<!-- Editar Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="ki-outline ki-trash fs-2"></i>
                    Eliminar adjunto
                </h5>
                <button type="button" class="btn btn-icon btn-sm btn-active-light-danger ms-2" data-bs-dismiss="modal" aria-label="Close">
                    <i class="ki-outline ki-cross fs-1"></i>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('adjuntocc.destroy') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    {{ method_field('DELETE') }}
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='ki-outline ki-trash fs-2'></i>
                            Eliminar
                        </button>
                        <input type="hidden" id="delete_id" name="delete_id">
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='ki-outline ki-cross-circle fs-2'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Fin Editar Modal-->

<!--modal aprobacion-->

<div class="modal fade" id="aprobarModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="ki-outline ki-check-circle fs-2"></i>
                    Aprobar
                </h5>
                <button type="button" class="btn btn-icon btn-sm btn-active-light-danger ms-2" data-bs-dismiss="modal" aria-label="Close">
                    <i class="ki-outline ki-cross fs-1"></i>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('adjuntocc.aprobar') }}" method="POST" name="miForm">
                    @csrf

                   <div class="form-group ">
                       <label for="fecha_entrega">Estado</label>
                       <select  class="form-control" name="estado" id="estado">
                          <option value="Aprobado">Aprobado</option>
                       </select>
                   </div>
                   <input type="hidden" name="adjunto_id" id="adjunto_id" >


                    <div class="modal-footer d-flex justify-content-center">

                        <button type="submit" class="btn btn-primary">
                            <i class='ki-outline ki-check-circle fs-2'></i>
                            Guardar
                        </button>
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='ki-outline ki-cross-circle fs-2'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--FIn modal aprobacion-->

@else
<div class="alert alert-danger">
    <strong>¡Opps! Parece que no tienes ningun adjunto registrada.</strong>
</div>
@endif
<script type="text/javascript">
    function fun_delete(id)
    {
        var view_url = '{{ route("adjunto.destroy", ":id") }}';
        view_url = view_url.replace(':id', id);
        $.ajax({
            url: view_url,
            type:"GET",
            data: {"id":id},
            success: function(result){
                $("#delete_id").val(result.id);
            }
        });
    }

    function fun_delete(id)
    {
        $("#delete_id").val(id);
    }
    function fun_adjunto(id)
   {
      $("#adjunto_id").val(id);
      console.log(id);
   }

</script>
@endsection