@extends('layouts.admin')

@section('content')

<!-- Main content -->
@component('admin.components.tabs')

<table id="promo_code_groups_table" class="table table-bordered table-hover dataTable">
  <thead>
    <tr>
      <th>No.</th>
      <th>Group</th>
      <th>Codes</th>
      <th>Max Use</th>
      <th>Max Use Per User</th>
      <th>Reward</th>
      <th>Used Count</th>
      <th>Status</th>
      <th>Description</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    @foreach($groups as $group_name => $codes)
    @php $settings = $codes->first(); @endphp
    <tr>
      <td></td>
      <td><strong>{{ $group_name }}</strong></td>
      <td>{{ $codes->count() }}</td>
      <td>{{ $settings->max_use == 0 ? 'Unlimited' : $settings->max_use }}</td>
      <td>{{ $settings->max_use_per_user }}</td>
      <td>{{ $settings->reward_value }} {{ $settings->reward_type }}</td>
      <td>{{ $codes->sum('used_count') }}</td>
      <td>
        @switch($settings->status)
        @case('active')
        <span class="badge badge-success">Active</span>
        @break

        @case('inactive')
        <span class="badge badge-secondary">Inactive</span>
        @break

        @case('expired')
        <span class="badge badge-danger">Expired</span>
        @break

        @default
        <span class="badge badge-secondary">{{ ucfirst($settings->status) }}</span>
        @break
        @endswitch
      </td>
      <td>{{ Str::limit($settings->description, 50) }}</td>
      <td>
        <a href="{{ route('admin.promo_codes.groups.edit', ['group' => $group_name]) }}"
          class="btn btn-sm btn-primary">
          <i class="fas fa-edit"></i> Edit
        </a>
      </td>
    </tr>
    @endforeach
  </tbody>
</table>
@endcomponent

@endsection

@section('script')
<script>
  $(function () {
            var t = $('#promo_code_groups_table').DataTable({
                lengthMenu: [ [10, 25, 50, 100, 200, 500, -1], [10, 25, 50, 100, 200, 500, "All"] ],
                dom:
                    "<'row p-2'<'#create_promo_code.col-sm-6 mb-2 text-left'><'#export_buttons.col-sm-6 mb-2 text-left text-sm-right'B>>" +
                    "<'row px-2'<'col-sm-6'l><'col-sm-6'f>>" +
                    "<'row'<'col-sm-12 overflow-auto'tr>>" +
                    "<'row p-2'<'col-sm-5'i><'col-sm-7'p>>",
                buttons: [{
                    extend: 'csv',
                    text: '<i class="fas fa-file-export"></i> Export CSV',
                    className: 'btn btn-sm btn-default'
                }],
                autoWidth: false,
                order: [[1, 'asc']]
            });

            t.on( 'order.dt search.dt', function () {
                t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
                    cell.innerHTML = i+1;
                } );
            } ).draw();

            var create_btn = `<a role='button' href="{{ route('admin.promo_codes.create') }}" class="mr-2 btn btn-sm btn-secondary"><i class="fas fa-plus"></i> Add New Promo Code</a>`;
            $('#create_promo_code').prepend(create_btn);
        });
</script>
@endSection