@extends('admin.layouts.main')

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">

<div class="page-wrapper">
    <!-- ============================================================== -->
    <!-- Container fluid  -->
    <!-- ============================================================== -->
    <div class="container-fluid">
        <!-- ============================================================== -->
        <!-- Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <h4 class="text-themecolor font-bold">Content Management</h4>
            </div>
            <div class="col-md-7 align-self-center text-right">
                <div class="d-flex justify-content-end align-items-center">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active">
                            <a href="{{ url('supports') }}" class="text-cyan">Contents</a>
                        </li>
                    </ol>
                    <a href="{{ url('contents/create') }}" type="button" class="btn btn-flickr d-none d-lg-block m-l-15">
                        <i class="icon-plus"></i> Add Content
                    </a>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        
        <div class="card">
            <div class="card-body">
                @include('admin.includes.alert')
                <div class="table-responsive m-t-30">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th width="50">S.No</th>
                                <th>Content Title</th>
                                <th>Description</th>
                                <th>Created at</th>
                                <th width="100px">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        @php $i = ($contents->perPage() * ($contents->currentPage() - 1)) + 1 @endphp
                            @forelse($contents as $content)
                            <tr>
                                <td>{{ $i++ }}</td>
                                <td>{{ $content->name }}</td>
                                <td>{!! substr(@$content->description,0,50) !!}... <span style='cursor:pointer;color:blue;' data-toggle='modal' data-target='#exampleModal_{{ @$content->id }}'>Read More...</span>
                                </td>
                                <td>{{ date('M d, Y h:i A', strtotime($content->created_at)) }}</td>
                                <td>
                                    <a href="{{ url('contents/'.$content->id.'/edit') }}" data-toggle="tooltip" data-original-title="Edit" class="btn btn-dropbox btn-sm">
                                            <i class="icon-pencil" aria-hidden="true"></i>
                                    </a>

                                    <button data-toggle="tooltip" title="" data-original-title="Delete" data-id="{{ $content->id }}" class="btn btn-danger btn-flat btn-sm deleteContent">
                                        <i class="ti-trash" aria-hidden="true"></i>
                                    </button>
                                </td>
                            </tr>

                            <!-- Support Detail Modal -->
                            <div class="modal fade" id="exampleModal_{{ @$content->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title font-bold font-20" id="exampleModalLabel">Description</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            {!! @$content->description !!}
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @empty
                                <td>Content is not available!</td>
                            @endforelse
                           
                        </tbody>
                    </table>
                    {{ $contents->links() }}
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Page Content -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Container fluid  -->
    <!-- ============================================================== -->
</div>
@endsection
@push('script')
<script>
    $(document).ready(function() {

        $('body').on('click', '.deleteContent', function(e) {
            e.preventDefault()
            var id = $(this).data("id");
            swal({
                title: "Are you sure?",
                text: "You will not be able to recover this records!",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: "btn-danger",
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, Cancel!",
                closeOnConfirm: true,
                closeOnCancel: false
            }).then(function(result) {
                if (result.value) {
                    $.ajax({
                        type: 'DELETE',
                        url: "{{ url('contents') }}/" + id,
                        data: {
                            "_token": "{{ csrf_token() }}",
                            id: id
                        },
                        dataType: 'json',
                        success: function(data) {
                            if (data.success == true) {
                                swal(data.msg, '', 'success'); 
                                setTimeout(function() {
                                    location.reload();
                                }, 2000);
                            } else {
                                swal("Content is not deleted!", "", "error"); 
                            }
                        }
                    });

                } else {
                    swal.fire("Cancelled", "Delete Cancelled", "error");
                }
            });
        });
    })
</script>
@endpush