@extends('admin.layout.master')

@section('content')
<style>
    select2-container--default {
        min-height: 104px !important;
}
.table-container {
    overflow: auto; height: 400px;
}
.sitemap-datatable > tbody > tr > td.PIN { width: 70px !important; }
.sitemap-datatable > tbody > tr > td.BaseSKU { width: 70px !important; }
.sitemap-datatable > tbody > tr > td.Manufacturer { width: 70px !important; }
.sitemap-datatable > tbody > tr > td.Name { min-width: 260px !important; }
.no-sort::after { display: none!important; }
.no-sort::before { display: none!important; }

</style>
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h1 class="m-0">Sitemap Logs</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Sitemap Logs</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        </p>
        @endif
    @endforeach

        <div class="card">
            <div class="card-body">
                <div class="table-responsive ">
                    <table class="table table-bordered sitemap-datatable">
                        <thead class="thead-dark">
                            <tr>

                                @foreach ($columns_list as $c)
                                <th class="noSearch">{{ $c }}</th>
                                @endforeach
                                <th data-orderable="false" class="noSearch no-sort">Action</th>

                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<div class="modal fade" id="get-sitemap-details">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <div class="modal-header">
                <h3 class="modal-title">Sitemap Logs Details</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body" id="sitemapList" style=" max-height: calc(100vh - 143px); overflow-y: auto;">
                <div id="sitemapListData">
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
  var table ="";
  var dataPreference = "{{ $dataPreferencejson }}";

    $(function () {

     table = $('.sitemap-datatable').DataTable({
            searching: false,
            processing: true,
	     order: [[ 0, "desc" ]],
            serverSide: true,
            "autoWidth" : false,
            ajax: {
                url: "{{ route('admin.sitemap-logs') }}",
                type: "get",
                data: function (data) {
                    delete data.columns;

                }
            },
            columns: [

                    
                    {
                        data: null,
                        render: function ( data, type, row ) {
                            var dateids = data.date;
                            return '<button type="button" class="btn btn-primary btn-sm ViewSitemapData" data-date="'+dateids+'">View</button>';
                        },
                        orderable: false
                    }
                    ],
            "columnDefs": [ {
                        "targets": 0,
                        "orderable": true
                        }, { targets: '_all', width:'25px' }, { visible: false, targets: JSON.parse(dataPreference) } ],


        });

    });

    $(document).on('click', '.ViewSitemapData', function(){

        $('#sitemapList').html('Loading...');
        $('#get-sitemap-details').modal('show');
        var logdate = $(this).attr('data-date');
        var ablog = '{{ url("/admin/sitemap-logs-data") }}';
        $.ajax({
            method: "POST",
            url: ablog,
            headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}"
                },
            data: { logdate: logdate }
        })
            .done(function( data ) {
                $('#sitemapList').html(data);
        });

    });

  </script>


@endsection