@extends('base')
@section('titulo')
adjuntos
@endsection
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page"><a href="{{route('cliente.index')}}">Listado Clientes</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">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ 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" style="background-color:#F2F2F2 !important;">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="fas fw fa-plus-circle"></i>
                    Agregar adjunto
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('adjunto.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="cliente" value="{{$cliente->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">
    <thead class="thead-dark">
        <tr>
            <th scope="col">#</th>
            <th scope="col">Titulo</th>
            <th scope="col">Archivo</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 style="display: flex">

                <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>



            </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" style="background-color:#F2F2F2 !important;">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="fas fa-w fa-delete"></i>
                    Eliminar imagen
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('adjunto.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='fas fa-check-circle'></i>
                            Eliminar
                        </button>
                        <input type="hidden" id="delete_id" name="delete_id">
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='fa fa-times'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Fin Editar Modal-->

@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);
    }

</script>
@endsection