@extends('layout.header')
@section('title')
ALIAN | Content
@endsection
@section('main')
<!-- <link rel="stylesheet"
    href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"> -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
<meta name="csrf-token" content="{{ csrf_token() }}">

<div class="m-grid__item m-grid__item--fluid m-wrapper ajaxsections_content">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-sm-flex align-items-center subheader_border_bottom">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Content List
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="#" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Content List
                            </span>
                        </a>
                    </li>
                    {{--<li class="m-nav__separator">--}}
                    {{-----}}
                    {{--</li>--}}
                    {{--<li class="m-nav__item">--}}
                    {{--<a href="" class="m-nav__link">--}}
                    {{--<span class="m-nav__link-text">--}}
                    {{--Inventory--}}
                    {{--</span>--}}
                    {{--</a>--}}
                    {{--</li>--}}
                </ul>
            </div>
        </div>
    </div>

    <!-- END: Sub header -->
    <!-- START :: main Content-->
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile margin_bottom_30">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            Content List
                        </h3>
                    </div>
                </div>
            </div>
          
            <div class="m-portlet__body admin_orders_table table_style_2">
                 <div class="m-portlet__head-tools">
                        <ul class="m-portlet__nav admin_form_record">
                            <li class="m-portlet__nav-item">

                            </li>
                            <li class="m-portlet__nav-item">
                                <a href="content_management" class="new_order_btn">
                                                    <span>
                                                        <i class="la la-plus"></i>
                                                        <span>
                                                            Add Content
                                                        </span>
                                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>

              
                <!--begin: Datatable -->
                <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded m-portlet__body m-datatable__body p-0">

                    <div id="m_table_1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                    <div class="ajaxpagination_content">
                        @if(count($data)>0)
                        <div class="row m-0">
                            <div class="col-sm-12 p-0 table_style_2">
                                <table id="kash_as" class="table table-striped table-bordered" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>Sr.No</th>
                                            <th>Technolgy</th>
                                            <th>Sub Technology</th>
                                            <th>Tags</th>
                                            <th>Action</th>
                                           

                                        </tr>
                                    </thead>
                                    <tbody>

                                        @php $i = 1; @endphp
                                        @foreach ($data as $display)
                                       
                                        <tr data-id="{{$display->id}}">
                                            <td>{{$i+$data->currentPage()*$data->perPage()-$data->perPage()}}</td>
                                            <td>{{ $display->technology_name }}</td>
                                            <td>{{$display->title }}</td>
                                            <td>{{ $display->content_tags}}</td>
                                           
                                              <td> <a href="{{URL::to('/editcontentrecord/'.$display->id)}}">EDIT</a>&nbsp;&nbsp
                                                  <a onclick="return confirm('Are you sure want to delete?')" href="{{URL::to('/content_delete/'.$display->id)}}">DELETE</a></td>
                                           
                                        </tr>
                                        @php $i++; @endphp
                                        @endforeach
                                    </tbody>
                                </table>
                        <div class="row bid_pagination">
                            <div class="col-sm-12 col-md-5">
                                <div class="dataTables_info">Displaying {{$data->firstItem()}} - {{$data->lastItem()}} of {{$data->total()}} records</div>
                            </div>
                            <div class="col-sm-12 col-md-7">
                                <div class="dataTables_paginate paging_simple_numbers">
                                {{$data->links() }}
                                </div>
                            </div>
                        </div>

                              
                            </div>
                            @else
                            <div>No data Found</div>
                            @endif
                             </div>
                        </div>
                    </div>

                    <!--  END: currently registered users table-->

                </div>
                
                <!--end: Datatable -->
                  
            </div>
           
        </div>
           
        {{--<!-- END EXAMPLE TABLE PORTLET-->--}}
        {{--</div>--}}
    </div>
   
    <!-- END :: main Content-->
</div>




<!-- <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> -->
<script>
       var APP_URL = {!! json_encode(url('/')) !!};
$(document).on('click', '.ajaxsections_content .page-link', function (e) {
        debugger;
        e.preventDefault();
       var requestedpage = $(this).text();
        var requestpage = $(this).attr('href').split('?page=')[1];
        
        filterpagination(requestpage);
        return false;
    });
    function filterpagination(requestpage)
    {
    debugger;
     
        var page=1;
        
    
    if(requestpage){
        page=requestpage;
    }
    
        $.ajax({
            url: APP_URL+'/replacecontentpagination',
            type: 'GET',
            dataType: 'Html',
            data:{'page':page},
            success: function (data) {
                //alert(data);
            debugger;
    //                var res = JSON.parse(data);
                $('.ajaxpagination_content').html(data);
            },
            
        });
        
    }
    


</script>




@endsection