@extends('layouts.app')

@section('title', 'Archive Projects |')

@section('content')

<div class="panel panel-default holder">
    <div class="panel-body minh750" >
  <div class="row-">
    <div class="apdi">
        <div class="col-md-5">
            <h3 class="modal-title">Archive Projects </h3>
        </div>
        <div class="col-md-7 text-right">
            <a href="{{ route('projects')}}" class="btn btn-primary">Back</a>
        </div>
    </div>
</div>
    <div class="result-set">

        <table class="table table-hover  archiveTable" >
            <thead>
            <tr>                
                <th>Name</th>
                <th>Archive Date</th>
                <th>Created by</th>
                <th class="text-center">Actions</th>
            </tr>
            </thead>
            <tbody>
                @if(count($projects)>0)    
                @foreach($projects as $item)
                <tr>
                    <td>{{ucfirst($item->name)}}</td>
                    <td></td>
                    <td>{{$item->username}}</td>
                    <td>
                       
                    </td>                                 
                </tr>
                @endforeach
                @endif
          
            </tbody>
        </table>

        <div class="text-right">
           
        </div>
    </div>
</div>
</div>

<style type="text/css">
    .archiveTable  td {padding: 20px 8px !important; font-size: 22px;} 
</style>

<!-- under process -->
<script type="text/javascript">

$(document).on('click','jjj', function (event) {
    event.preventDefault();
    ajaxLoad($(this).attr('href'));
});

$(document).on('submit', 'form#frm', function (event) {
    event.preventDefault();
    var form = $(this);
    var data = new FormData($(this)[0]);
    var url = form.attr("action");
    $.ajax({
        type: form.attr('method'),
        url: url,
        data: data,
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
            $('.is-invalid').removeClass('is-invalid');
            if (data.fail) {
                for (control in data.errors) {
                    $('#' + control).addClass('is-invalid');
                    $('#error-' + control).html(data.errors[control]);
                }
            } else {
                ajaxLoad(data.redirect_url);
            }
        },
        error: function (xhr, textStatus, errorThrown) {
            alert("Error: " + errorThrown);
        }
    });
    return false;
});
function ajaxLoad(filename, content) {
    content = typeof content !== 'undefined' ? content : 'content';
    $('.loading').show();
    $.ajax({
        type: "GET",
        url: filename,
        contentType: false,
        success: function (data) {
            $("#" + content).html(data);
            $('.loading').hide();
        },
        error: function (xhr, status, error) {
            alert(xhr.responseText);
        }
    });
}

</script>

@endsection