@extends('superAdmin.layouts.auth')

@section('title')
{{ env('APP_NAME') }} | Weekly Tips
@endsection

@section('styles')
	<link href="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
	<link href="{{ asset('assets/plugins/datatable/jquery.dataTables.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
	<!-- MAIN BODY CONTENT -->
	<div class="top-header">
	    <h1>Manage weekly Tips</h1>
        <a href="{{ route('superAdmin.addTips') }}">
		    <div class="action-group">
		      <span class="add-company">
		        Add Weekly Tips <img src="{{ asset('assets/images/circle-plus.svg') }}" alt="">
		      </span>
		    </div>
	    </a>
	</div>

	@if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    
	<div class="row">
	  	<div class="col-md-12">
	        <div class="card">
	            <div class="card-body">
	              	<!-- COmpanies table -->
	              	<div class="table-responsive">
	                	<table id="cms-table" class="table card-table dataTable table-hover table-vcenter cms-table" style="width:100%">
	                  		<thead>
	                    		<tr>
	                      			<th>Week No.</th>
                                    <th>Heading</th>
	                      			<th>Description</th>
                                    <th>Company</th>
                                    <th>Action</th>
                                    <th>id</th>
	                    		</tr>
	                  		</thead>
	                  		<tbody>
	                  		</tbody>
	                  	</table>
	            	</div>
	          	</div>
	        </div>
		</div>
	</div>
	<!--// MAIN BODY CONTENT -->
@endsection

@section('scripts')
<!-- Data tables -->
	<script src="{{ asset('assets/plugins/datatable/jquery.dataTables.min.js') }}"></script>
	<script src="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.js') }}"></script>
	<!-- <script src="{{ asset('assets/js/datatable.js') }}"></script> -->

<script type="text/javascript">

var oTable = '';
$(document).ready(function () {
    oTable = $('#cms-table').DataTable({
        "language": {
            "lengthMenu": "Show: _MENU_ records per page",
            "zeroRecords": "Oops No record Found",
            "infoEmpty": "No records available",
            "infoFiltered": "(filtered from _MAX_ total records)"
        },
        paging: true,
        processing: true,
        serverSide: true,
        pagingType: 'full_numbers',
        ajax: {
            "url": "{{ route('superAdmin.tipsList') }}",
            "type": "GET",
            "data": function(d) {
                d.checkstatus = $('#checkstatus').val();
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
            }
        },
        columns: [
            {
                data: 'week_no',
                name: 'week_no',
            },
            {
                data: 'tips_heading',
                name: 'tips_heading',
            },
            {
                data: 'tips_description',
                name: 'tips_description',
            },
            {   data: 'company_name',
                name: 'company.company_name'
            },
            {
                data: null,
                className: 'text-right d-flex',
                render: function (data, type, row) {                
                var edit_url='{{ url("/superadmin/weeklytips/edit-tips") }}/'+row.id;                 
                return '<a href="'+edit_url+'" class="btn btn-info" data-id="'+ row.id +'"><i class="fa fa-pencil" aria-hidden="true"></i></a><a href="javascript:void(0)" class="btn btn-info deleteTipBtn" data-id="'+ row.id +'"><i class="fa fa-trash" aria-hidden="true"></i></a>';
                }
            },
            { data: 'id', name: 'id' },
        ],
        'columnDefs': [
            {
                'targets': [5], /* column index */
                'orderable': false, /* true or false */
            },
            {
                'targets': [5], /* column index */
                "searchable": false
            },
            {
                "targets": [5],
                "visible": false
            }
        ],
        'aaSorting': [5, 'DESC']
    });


});

// Handle delete click
$(document).on('click', '.deleteTipBtn', function (e) {
    e.preventDefault();

    //var deleteUrl = $(this).data('url');
    var rowId = $(this).data('id');

    if (confirm('Are you sure you want to delete this weekly tip?')) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
            }
        });
        $.ajax({
            url: "{{ route('superAdmin.deleteTips') }}",
            method: 'post',
            dataType: 'json',
			data : { 
                id : rowId, 
                //company_id : company_id, 
                _token: $('meta[name="csrf_token"]').attr('content')
            },
            success: function (response) {
                if (response.success == true) {
                    oTable.draw();
                } else {
                    //Do nothing
                }
            },
            error: function (xhr) {
                alert('Something went wrong. Please try again.');
                console.error(xhr.responseText);
            }
        });
    }
});

</script>

@endsection