@extends('admin.template')

{{--@section('title')
    Pages Content Listing
@endsection--}}

@section('active-link')
    Admin-Pages Content
@endsection

@section('style')
    <link href="{{asset('assets/DataTables/datatables.min.css')}}" rel="stylesheet">
@endsection

@section('content')
    <div class="content-wrapper">

        @if ($message = Session::get('success'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
        @endif

        @if ($message = Session::get('error'))
            <div class="alert alert-danger alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
        @endif

{{--    <div class="row">--}}
{{--        <div class="col-md-12 grid-margin">--}}
{{--            <div class="d-flex justify-content-between flex-wrap">--}}
{{--                <div class="d-flex align-items-end flex-wrap">--}}
{{--                    <div class="me-md-3 me-xl-5">--}}
{{--                        <h2>Pages Content Listing</h2>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="d-flex justify-content-between align-items-end flex-wrap">--}}
{{--                    <div class="d-flex">--}}
{{--                        <i class="mdi mdi-home text-muted hover-cursor"></i>--}}
{{--                        <p class="text-muted mb-0 hover-cursor">&nbsp;/&nbsp;<a href="{{url('/dashboard')}}">Dashboard&nbsp;</a>/&nbsp;</p>--}}
{{--                        <p class="text-primary mb-0">Pages Content Listing</p>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3>Html Pages Content List</h3>
                    <a class="btn btn-primary" href="{{route('contentPagesCreate')}}">Add New Page Content</a>
                </div>
                <div class="card-body">

                    <div class="table-responsive">
                        <table id="dataTableExample" class="table">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Title</th>
                                <th>Status</th>
                                <th>Html Content</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @isset($data)
                                @foreach($data as $page)
                                    @if($page)
                                                                            <tr>
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{$title}}</td>
                                        <td>@if($page->status == 1) Active @else Inactive @endif</td>
                                        <td><span style="
                                            display:inline-block;
                                            white-space: nowrap;
                                            overflow: hidden;
                                            text-overflow: ellipsis;
                                            max-width: 13ch;">
                                            {{$page->html_content}}</span></td>

                                        <td>
                                            <a class="btn btn-xs btn-info" title="Edit" href="{{url('edit-content-pages/'.$page->id)}}">
                                                <i data-feather="edit">Edit</i>
                                            </a>

                                            <a class="btn btn-xs btn-danger" title="Delete" href="{{url('delete-content-pages/'.$page->id)}}">
                                                <i data-feather="delete">Delete</i>
                                            </a>
                                           {{-- <a data-id="{{$page->id}}" title="Delete" class="deleteRecord"
                                               href="javascript:void(0)">
                                                <i data-feather="trash">Delete</i>
                                            </a>--}}

                                        </td>
                                    </tr>
                                    @endif
                                @endforeach
                            @endisset
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex-grow-1"></div>
    </div>
</div>
{{--    @include('admin.pages.modal.delete_modal')--}}
@endsection

@section('js')
    <script>
        $(document).ready( function () {
            $('#myTable').DataTable();
        });

        $("#alert").fadeTo(2000, 500).slideUp(500, function(){
            $("#alert").slideUp(500);
        });
    </script>
@endsection