@extends('admin.layout.master')

@section('content')
<style>
    select2-container--default {
        min-height: 104px !important;
}
.table-container {
    overflow: auto; height: 400px;
}


.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">IP Block Chargeback Report & Email Block Report</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">Email Block</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>

<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="row">
            <div class="col-12">
                <div class="card card-primary card-tabs">
                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-two-tab" role="tablist">

                            <li class="nav-item">
                                <a class="nav-link @if(empty(session()->get('is_ip_block_email_block'))) active @endif" id="custom-tabs-two-home-tab" data-toggle="pill"
                                    href="#custom-tabs-two-home" role="tab" aria-controls="custom-tabs-two-home"
                                    aria-selected="true">IP Block</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link @if(!empty(session()->get('is_ip_block_email_block'))) active @endif" id="custom-tabs-two-profile-tab" data-toggle="pill"
                                    href="#custom-tabs-profile-home" role="tab"
                                    aria-controls="custom-tabs-two-profile" aria-selected="false">Email Block</a>
                            </li>

                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-two-tabContent">
                            <div class="tab-pane fade active show" id="custom-tabs-two-home" role="tabpanel" aria-labelledby="custom-tabs-two-home-tab">
                                <div id="medartdiv">

                                    <div class="card">
                                        <div class="card-body">
                                            <form action="{{ route('admin.block-emails') }}" id="frm_search" method="get">
                                                <div class="row mb-2">
                                                    <div class="col-2">
                                                        <label for="form-label">Created Date</label>
                                                        <input type="date" name="created_at" id="created_at" value="{{$created_at}}" class="form-control" placeholder="Search Start date">
                                                    </div>
                                                    <div class="col-10">
                                                        <button class="btn btn-success " type="submit" style="margin-top: 30px !important;">Submit</button>
                                                        <a class="btn btn-warning" href="{{ route('admin.block-emails') }}" style="margin-top: 30px !important;">Reset</a>
                                                        <!-- <a class="btn btn-primary generateReport" href="{{ route('admin.ip-block-chargeback-report-save') }}" style="margin-top: 30px !important; display: none;">Generate Report</a> -->
                                                        <a class="btn btn-primary" href="{{ route('admin.add-block-ip') }}" style="margin-top: 30px !important; float:right;">Add +</a>

                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>

                                    <div class="card">
                                        <div class="card-body">
                                            <div class="table-responsive ">
                                                <table class="table table-bordered ip-block-chargeback-report" >
                                                    <thead class="thead-dark">
                                                        <tr>
                                                            @foreach ($columns_list_header as $c)
                                                            <th class="noSearch">{{ $c }}</th>
                                                            @endforeach
                                                        </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="tab-pane fade" id="custom-tabs-profile-home" role="tabpanel"
                                aria-labelledby="custom-tabs-profile-home-tab">
                                <div id="meyerdiv">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="mb-2 text-right">
                                                <a href="{{ route('admin.block-emails-add') }}" class="btn btn-success">+ Add</a>
                                            </div>

                                        <div class="card">
                                            <!-- /.card-header -->
                                            <div class="card-body">
                                            <table id="blockEmailsList" class="table table-bordered table-striped">
                                                <thead class="thead-dark">
                                                <tr>
                                                <th>No.</th>
                                                <th>Email</th>
                                                <th>Date</th>
                                                <th>Action</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($blockemail as $u)
                                                        <tr>
                                                            <td>{{ $loop->index+1}}</td>
                                                            <td>{{ $u->email }}</td>
                                                            <td>{{ date('n/d/Y g:i A',strtotime($u->created_at)) }}</td>
                                                            <td>
                                                                <a href="{{ route('admin.block-emails-edit',['id'=>$u->id]) }}" class="btn btn-primary"><i class="fa fa-edit"></i></a>
                                                                <a onclick="deleteBlockEmails(event)" data-href="{{ route('admin.block-emails-delete',['id'=>$u->id]) }}" class="btn btn-danger"><i class="fa fa-trash"></i></a>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>

                                            </table>
                                            </div>
                                            <!-- /.card-body -->
                                        </div>
                                        <!-- /.card -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>









</section>


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

     table = $('.ip-block-chargeback-report').DataTable({
            searching: false,
            processing: true,
            serverSide: true,
            order: [[5, 'desc']],
            "autoWidth" : false,
            ajax: {
                url: "{{ route('admin.ip-block-chargeback-report') }}",
                type: "get",
                data: function (data) {
                    delete data.columns;
                    data.search_created_at = "{{$created_at}}";
                }
            },
            columns: [
                    {
                        data: null,
                        render: function ( data, type, row ) {

                            return '<a href="order-receipt/'+ data.orderid +'">'+ data.orderid +'</a>';
                        },
                        orderable: false,
                        ordering: true
                    },
                    			{
                        data: null,
                        render: function ( data, type, row ) {
                       
                            var deleteUrl = '{{ route("admin.add-block-ip-delete",":deleteid") }}';
                            deleteUrl = deleteUrl.replace(':deleteid',data.id);

                            var editUrl = '{{ route("admin.add-block-ip-edit",":editid") }}';
                            editUrl = editUrl.replace(':editid',data.id);


                          return '<a href="'+editUrl+'" class="btn btn-primary"><i class="fa fa-edit"></i></a> <a onclick="deleteIPAddress(event)" data-href="'+ deleteUrl +'" class="btn btn-danger" ><i class="fa fa-trash"></i></a>';                            
                        },
                        orderable: false
                    }
                   ],
            "columnDefs": [ {
                        "targets": 0,
                        "orderable": false
                        }, { targets: '_all', width:'30px' },{ visible: false, targets: JSON.parse(dataPreference) } ],


        });


    });


    $('.generateReport').click(function(){
        $(this).attr('disabled', 'disabled');
        $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> <span class="visually-hidden">Generate Now...</span>');
    });

  </script>

<script>

 function deleteIPAddress(e){
            var url = e.currentTarget.getAttribute('data-href')
            Swal.fire({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href=url;
                }
            })
        }
      function deleteBlockEmails(e){
            var url = e.currentTarget.getAttribute('data-href')
            Swal.fire({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href=url;
                }
            })
        }

    $(function () {



        $("#blockEmailsList").DataTable({
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
        });
    });
  </script>

@endsection