@extends('admin.layouts.app')
@section('page_tab_title' ,"Coupan")
@section('content')

<section class="content update-setting-wrapper">

  <div class="row">
    <!-- right column -->
    <div class="col-md-12">
      <!-- Horizontal Form -->
      <div class="shadow-box">
        <div class="box-header adminuser-box">
          <div class="row">
            <div class="col-lg-4 col-md-4">
              <div class="top-ttl">
                <h1>
                  Coupons
                </h1>
              </div>
            </div>
            <div class="col-lg-8 col-md-8">
              <div class="pull-right">
                <button type="button" name="bulk_delete" id="bulk_delete" class="btn custom-btn"><i class="glyphicon glyphicon-remove"></i>Delete</button>
                <a class="btn custom-btn add-new-btn" href="{{ route('coupancodeforpurchase.create') }}"><i class="fa fa-plus"></i> Add New</a>
                <a class="btn custom-btn" href="{{ route('coupancodeforpurchase.import') }}"><i class="fa fa-plus"></i> Import</a>
                <a class="btn custom-btn" id="bulk_import"><i class="fa fa-plus"></i> Export</a>
              </div>
            </div>
          </div>
          <hr class="bdr-partition">
        </div>

        @if ($message = Session::get('success'))
        <div class="alert alert-success">
          <p>{{ $message }}</p>
        </div>
        @endif
        <section class="content">
          <div class="row form-hidden coupan-form-row" style="display:none">
            <div class="col-xs-12">
              <div class="shadow-box" style="margin-bottom: 10px;">
                <div class="box-header">
                  <div class="row">
                    <div class="col-xs-6">
                      <div class="top-ttl">
                        <h1 id="title">Add new Coupan</h1>
                      </div>
                    </div>
                  </div>
                  <hr class="bdr-partition">
                </div>

              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12">
              <div class="box-body table-responsive">
                <table id="coupan_datatable" class="table table-bordered table-striped ">
                  <thead>
                    <tr>
                      <th><input type="checkbox" name="all_chk" id="all_chk"></th>
                      <th>Code</th>
                      <th>Action</th>
                    </tr>
                  </thead>
                </table>
              </div>

            </div>
          </div>
        </section>

<script src="{{asset('assets/patient/js/jquery.redirect.js')}}"></script>
        <script type="text/javascript">
        $(document).ready(function() {
           var url = "{{route('coupancodeforpurchase.list')}}";
            $('#coupan_datatable').DataTable({
              order: [0, 'asc'],
              processing: true,
              serverSide: true,
              ajax: url,
              columns: [{
                  "data": "checkbox",
                  orderable: false,
                  searchable: false
                }, {
                  data: 'coupon_code_no',
                  name: 'coupon_code_no'
                },


                {
                  data: 'action',
                  name: 'action',
                  orderable: false,
                  searchable: false
                }
              ]
            });
          });
          $(document).on('change', '.coupan_checkbox', function() {
            if ($(this).prop("checked") == false) {
              $('#all_chk').prop('checked', false);
            }
          });
          $(document).ready(function() {

            $("#all_chk").click(function() {
              if ($(this).is(':checked')) {
                var $view = $('.coupan_checkbox').prop("checked", true);
              } else {
                var $view = $('.coupan_checkbox').prop("checked", false);
              }
            });

            $(document).on('click', '.coupan_checkbox', function() {
              var numberOfChecked = $('.coupan_checkbox').filter(':checked').length;

              var totalCheckboxes = $('.coupan_checkbox').length;
              if (numberOfChecked == totalCheckboxes) {
                var $view = $('#all_chk').prop("checked", true);
              }
              if (!$(this).is(':checked')) {
                var $view = $('#all_chk').prop("checked", false);
              }
            });
          });

          $(document).on('click', '#bulk_delete', function() {
            var id = [];
            $('.coupan_checkbox:checked').each(function() {
              id.push($(this).val());
            });
            if (id.length > 0) {
              if (confirm("Are you sure you want to delete this records?")) {
                $.ajax({
                  url: "{{ route('coupancodeforpurchase.massremove')}}",
                  data: {
                    id: id
                  },
                  success: function(data) {
                    $('#coupan_datatable').DataTable().ajax.reload();
                    $("#all_chk").prop('checked', false);
                  }
                });
              }
            } else {
              
            }
          });

          $(document).on('click', '#bulk_import', function() {
            var id = [];
            $('.coupan_checkbox:checked').each(function() {
              id.push($(this).val());
            });
            if (id.length === 0) {
              alert("Please select atleast one checkbox");
                return false;
            }
            var baseUrl = "{{route('home')}}";
            $.redirect(baseUrl + '/admin/coupancodeforpurchase/export', { 'id': id }, "GET", "_blank");
          });
        </script>
      </div>
    </div>
  </div>
</section>


@endsection