@extends('users.layout.app')
@section('scripts')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css">
.project-list-wrapper {
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 0 15px;
    margin: 0 0 60px;
}

.add-project-wrapper {
    width: 480px;
    max-width: 100%;
    position: relative;
    padding: 58% 0 0;
    margin: 0 auto;
}

.add-project-wrapper .add-project {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    }
    * {
    box-sizing: border-box;
}
div {
    display: block;
}
</style>

<script>

$(document).on('click', '.confirm', function (e) {
    e.preventDefault();
    var id = $(this).data('id');

    var base_url = {!! json_encode(url('/')) !!};
     // var url =  base_url +'/projects/confirm-delete/'+id;
    // console.log(url);
    swal({
            title: "Are you sure!",
            type: "error",
            confirmButtonClass: "btn-danger",
            confirmButtonText: "Yes!",
            showCancelButton: true,
        },
        function() {
            $.ajax({
                type: "GET",
                url: base_url +'/projects/confirm-delete/'+id,
                data: {id:id},
                success: function (data) {
                    if (data) {
                            location.reload();
                          }
                    }         
            });
    });
});

</script>
@endsection

@section('content')
@include('users.partials.sidebar')

{{-- 
<div id="content">
    <div class="row">
        <div class="col-ms-9">
        	<div class="project-list-wrapper"> --}}
<div id="content" class="vheight">
       {{-- 	<div class="project-list-wrapper">
		        <div class="add-project-wrapper">

		        </div>
        	</div>--}}
    <div class="add-project marginbottom20 margintop20">
        <a href="{{url('projects/create')}}">
            <button class="btn btn-green">New Project</button>
        </a>
    </div>
            <div class="table-responsive">
                @if(count($projects)>0)    
                    <table class="table">
                        <thead>
                        <tr>
                            <th class="text-center">#</th>
                            <th class="text-left">Project Name</th>
                            <th class="text-center">Preview</th>
                            <th class="text-center">Delete</th>
                            <th class="text-center">Edit</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if(!empty($projects))
                                                        @foreach($projects as $project)
                                <tr>
                                    <td class="text-center">{{++$sNo}}</td>
                                    <td class="text-left">{{$project->project_name}}</td>
                                    <td class="text-center"><a href="{{url('projects/show',[$project->id])}}" class="btn btn-green" title="Show Project"><i class="fa fa-fw fa-eye"></i></a></td>
                                    <td class="text-center"><a href="#" data-id="{{$project->id}}" class="confirm btn btn-danger" title="Delete Project"><i class="fa fa-fw fa-times"></i></a></td>
                                    <td class="text-center"><a href="{{url('projects/'. $project->id .'/edit' )}}" class="btn btn-warning" title="Edit Project"><i class="fa fa-fw fa-edit"></i></a></td>
                                </tr>
                            @endforeach
                        @endif
                        </tbody>
                    </table>
                @else
                    <div class="alert alert-warning">No Project Found</div>
                @endif    
            </div>
</div>
 {{-- @if(!empty($projects))
            @foreach($projects as $project)

                <div class="row">
                    <div class="col-md-4">{{$project->project_name}}</div>
                    <div class="col-md-4">  <a href="{{url('projects/show',[$project->id])}}" target="_blank" class="ripple-btn">
                            <span class="option-label"><a href="{{url('projects/show',[$project->id])}}">Preview</a></span>
                        </a></div>
                    <div class="col-md-4"> <a href="{{url('projects/'. $project->id .'/edit' )}}" class="ripple-btn">

                            <span class="option-label"><a href="{{url('projects/'. $project->id .'/edit' )}}">Edit</a></span>
                        </a></div>
                    <div class="col-md-4"></div>
                </div>

@endforeach
@endif--}}

@endsection

@section('scripts')
<script>



</script>
@endsection