@extends('admin.layout.master')
@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')

{{--
<div id="content">
    <div class="row">
        <div class="col-ms-9">
        	<div class="project-list-wrapper"> --}}
<div  class="content">
       {{-- 	<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-primary">New Project</button>
        </a>--}}
    </div>
            <div class="table-responsive">

                <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('admin/projects/show',[$project->id])}}" title="Show Project" class="btn btn-green"><i class="fa fa-fw fa-eye"></i></a></td>
                                {{--<td><a href="#" data-id="admin/{{$project->id}}" class="confirm"><i class="fa fa-fw fa-times"></i></a></td>--}}
                                <td class="text-center"><a href="#" class="btn btn-danger" title="Delete Project"><i class="fa fa-fw fa-times" ></i></a></td>

                                <td class="text-center"><a href="#" class="btn btn-warning" title="Edit Project"><i class="fa fa-fw fa-edit" ></i></a>
                                    </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </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