@extends('main')

@section('css')
<!-- DataTables -->
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
@endsection

@section('content')
<div class="content-wrapper">

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-12">
        @if(session('message'))
            <div class="form-group mt-3">
                <div class="alert alert-success" role="alert">
                    {{ session('message') }}
                </div>
            </div>
        @endif
          <div class="card mt-3">
            <!-- /.card-header -->
            <div class="card-body">
              <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>Fullname</th>
                  <th>Email</th>
                  <th>Username</th>
                  <th>Status</th>
                  <th>Create Trial</th>
                  <th>Option</th>
                </tr>
                </thead>
                <tbody>
                @if(!empty($client))
                @foreach($client as $c)
                <tr>
                  <td>{{ $c->fullname }}</td>
                  <td>{{ $c->email }}</td>
                  <td>{{ $c->username }}</td>
                  <td>{{ $c->status }}</td>
                  <td>{{ $c->create_trial }}</td>
                  <td class="text-center" style="text-decoration:none;">
                    {{-- @foreach($harga as $h)
                    <a href="/emka/aktif/{{$c->email}}/{{$h->id}}">Aktifkan {{ $h->paket }}</a> ||
                    @endforeach --}}
                    @foreach($paket as $p)
                    <a href="/emka/aktif/{{$c->email}}/{{$p->id}}">Aktifkan {{ $p->paket }}</a> || 
                    @endforeach
                    <a href="/emka/nonaktif/{{$c->email}}">Non Aktif</a> ||
                    <a href="/riwayat/pembayaran/{{$c->email}}">Riwayat Pembayaran</a>
                  </td>
                </tr>
               @endforeach
               @endif
                </tbody>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
      <div class="row">
        <div class="col-12">
          <div class="card mt-3">
            <div class="card-header">
                <a href="{{ route('emka.promosi.create') }}" class="btn btn-primary float-right">Add New Promosi</a>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>Kode Promosi</th>
                  <th>Potongan Harga</th>
                  <th>Tanggal Awal</th>
                  <th>Tanggal Akhir</th>
                  <th>Options</th>
                </tr>
                </thead>
                <tbody>
                @if(!empty($promo))
                @foreach($promo as $p)
                <tr>
                  <td>{{ $p->kode }}</td>
                  <td>{{ $p->potongan }}</td>
                  <td>{{ $p->tanggal_awal }}</td>
                  <td>{{ $p->tanggal_akhir }}</td>
                  <td class="text-center">
                    <a href="/admin/emkapromo/edit/{{$p->id}}" class="btn btn-warning btn-sm"  title="edit promo"><i class="fas fa-edit"></i></a> 
                    <a href="/admin/emkapromo/delete/{{$p->id}}" class="btn btn-danger btn-sm" title="delete promo"><i class="fas fa-trash" onclick="return confirm('Anda Ingin Menghapus Promo ?');"></i></a>
                  </td>
                </tr>
               @endforeach
               @endif
                </tbody>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
      <div class="row">
        <div class="col-md-6">
          <div class="card card-primary">
            <div class="card-header">
              <h3 class="card-title">Trial Period</h3>
            </div>

            <form role="form" method="POST" action="{{ route('emka.trial') }}">
              {{csrf_field()}}
              <div class="card-body">
                @foreach($trial as $t)
                <div class="form-group">
                  <label for="trial">Masa Trial (Hari)</label>
                  <input type="hidden" value="{{ $t->id }}" name="id" id="id">
                  <input type="text" name="trial" class="form-control" id="trial" placeholder="Masa Trial" value="{{ $t->masa_trial }}">
                </div>
                @endforeach
              <div class="card-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </form>
          </div>
        </div>
      </div>

        <div class="col-md-6">
          <div class="card card-primary">
            <div class="card-header">
              <h3 class="card-title">Harga Emka</h3>
              <h6 class="text-right"><a href="{{ route('paket.add') }}">Add Paket</a></h6>
            </div>
            <table id="example2" class="table table-bordered table-hover">
              <thead>
              <tr>
                <th>Paket</th>
                <th>Period</th>
                <th>Variable</th>
                <th>Options</th>
              </tr>
              </thead>
              <tbody>
              @if(!empty($paket))
              @foreach($paket as $p)
              <tr>
                <td>{{ $p->paket }}</td>
                <td>
                  @foreach($p->period as $pp)
                  {{ $pp->nama_period ?? "--"}}
                  {{ $pp->period ?? "--"}} Hari, dengan Harga
                  {{ $pp->harga ?? "--" }} || 
                  @endforeach
                </td>
                
                <td>
                  @foreach($p->variable as $pv)
                  {{ $pv->variable ?? "--"}} || 
                  @endforeach
                </td>
                <td class="text-center">
                  <a href="/admin/addperiod/{{$p->id}}" class="btn btn-warning btn-sm"  title="Add Period"><i class="fas fa-edit"></i></a>
                  <a href="/admin/addvariable/{{$p->id}}" class="btn btn-warning btn-sm"  title="Add Variable"><i class="fas fa-edit"></i></a> 
                </td>
              </tr>
             @endforeach
             @endif
              </tbody>
            </table>
          </div>
        </div>

    </section>
  </div>
@endsection

@section('js')
<!-- DataTables -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>


<script>
$(document).ready(function() {
    $('#example2').DataTable({
      "ordering": false
    })
})
</script>

@endsection