<head>
    <meta name="csrf-token" content="{{ csrf_token() }}">
</head>
@extends('layouts.app')
@section('content')
<div class="container">
    
    @if (Session::has('Mensaje'))
        <div class="alert alert-success" role="alert">
            {{ Session::get('Mensaje') }}
        </div>
    @endif
    <p>
        <h4 style="float: right"><b>Continuación de Proyectos</b></h4>
    </p><br><br>
    
    <div class="input-group col-md-6 mb-3" style="float:right; padding:0;">
        <input type="text" class="form-control" placeholder="Buscar..." id="search" name="search">
        <span type="submit" class="input-group-text border-0" id="search-addon">
        <i class="fas fa-search"></i>
        </span>
    </div>

    <!--<table class="table table-light table-hover">
        <thead class="thead-dark">
            <tr style="text-align: center">
                <th>#</th>
                <th>Descripción</th>
                <th>Proyecto Principal</th>
                <th>Acción</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($datos as $dato)
                <tr style="text-align: center">
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $dato->descripcion }}</td>
                    <td>{{ $dato->nombre_proy }}</td>
                    <td>
                        <a href="{{ url('/ContinuacionProyectos/'.$dato->id_contproy.'/edit') }}" class="btn btn-warning">
                            <span class="far fa-edit"></span> Editar</a>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>-->

    <div class="table-responsive">
    <table class="table table-light table-hover">
        <thead class="thead-dark">
            <tr style="text-align: center">
                <th>#</th>
                <th>Descripción</th>
                <th>Responsable</th>
                <th>Proyecto Principal</th>
                <th>Folio</th>
                <th>Acción</th>
            </tr>
        </thead>
        <tbody class="generaldata">
            @foreach ($datos as $dato)
                <tr style="text-align: center">
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $dato->descripcion }}</td>
                    <td>{{ $dato->nombre }} {{ $dato->apellidos }}</td>
                    <td>{{ $dato->nombre_proy }}</td>
                    <td>{{ $dato->folio_n }}</td>
                    <td>
                        <a style="width: 95px" href="{{ url('/ContinuacionProyectos/'.$dato->id_contproy.'/edit') }}" class="btn btn-warning">
                            <span class="far fa-edit"></span> Editar</a>
                        
                        @if(Auth::user()->user_tipe == 'Admin')
                            <form action="{{ url('/ContinuacionProyectos/'.$dato->id_contproy) }}" method="post" style="display:inline">
                                {{ csrf_field() }}
                                {{ method_field('DELETE') }}

                                <button class="btn btn-danger" type="submit" onclick="return confirm('¿Estas Seguro que Deseas Eliminar Este Registro?');">
                                    <span class="fad fa-trash"></span> Eliminar</button>
                            </form>
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
        <tbody id="content" class="ajaxdata"></tbody>
    </table>
    <div class="paginate_gnraldata">{{ $datos->links() }}</div>
    </div>
    
    <script>
        $(function(){
            $(document).on('keyup', '#search', function(){
                $value = $(this).val();
                if($value)
                {
                    $('.generaldata').hide();
                    $('.paginate_gnraldata').hide();
                    $('.ajaxdata').show();
                }
                else
                {
                    $('.generaldata').show();
                    $('.ajaxdata').hide();
                    $('.paginate_gnraldata').show();
                }
                $.ajax({
                    type:"GET",
                    url:"{{ url('SearchConProy') }}",
                    data:{'search':$value},
                    success:function(data){
                        $('#content').html(data);
                    }
                });
            });
        });
    </script>
</div>
@endsection