@extends('admin.layout')

@section('content')
<style type="text/css">
  .modal-body {

    padding: 5rem 4rem;

    text-align: center;

  }

  .modal-footer .btn-primary:hover {
    background: transparent;
    border-color: transparent;
  }

  .dropdown-toggle::after {
    display: none;
  }

  .modal-body {

    font-size: 16px;

  }



  .modal-content {

    min-height: auto;

  }



  .modal-title {

    padding-left: 0;

  }





  .modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

  }

  .ecom-btn-border1 {
    min-width: 125px;
    padding: 3px 9px;
  }

  .bg-beauty-green {
    background: #4CAF50 !important;
  }

  .container-custom01 {
    max-width: 1900px;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .content-wrapper.close-wrapper {
    margin-left: 300px !important;
  }

  .content-wrapper {
    margin-left: 0px !important;
  }

  .sidenav {
    width: 0px;
  }
</style>

<div class="content-wrapper">


  <!-- Main content -->

  <section class="content">

    <!-- Info boxes -->



    <!-- /.row -->

    <div class="container-custom01">

      <div class="row">

        <div class="col-md-12">


          <div class="row">

            <div class="col-xs-12">

              @if (count($errors) > 0) @if($errors->any())

              <div class="alert alert-success alert-dismissible" role="alert">

                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                {{$errors->first()}}

              </div>

              @endif @endif

            </div>

          </div>

          <div class="row">

            <div class="col-md-12">

              <div class="head-right" style="margin-bottom: 20px;">
                <a class="btn-blue" href="javascript::void();" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i> Add Package</a>
              </div>

              <div class="table-responsive">
                <table id="example1" class="table">

                  <thead>

                    <tr>

                      <th>ID</th>
                      <th>Type</th>
                      <th>Package Name</th>
                      <th> Number of Times / Ecoin Amount</th>
                      <th>Total Amount</th>
                      <th>Unit Amount</th>
                      <th>Minimum/First Amount</th>
                      <th>Vouchers</th>
                      <th>Status</th>
                      <th>Action</th>

                    </tr>

                  </thead>
                  <tbody>

                    @if(count($package)>0)
                                        @foreach ($package as $key=>$listingS)

                    <tr>

                      <td>{{ $i++ }}</td>
                      <td>{{ $listingS->type }}</td>
                      <td>{{ $listingS->name }}</td>
                      <td>{{ $listingS->no_of_times }}</td>
                      <td>$ {{ $listingS->total_amount }}</td>
                      <td>$ {{ $listingS->unit_price }}</td>
                      <td>$ {{ $listingS->first_payment }}</td>
                      <td><a href="{{ url('admin/managevoucher/').'/'.$listingS->id }}">View Vouchers</td>
                      <td> {{ ($listingS->status == 1) ? 'Active' : 'InActive' }}</td>

                      <td>
                        <div class="dropdown dropdown-action">
                          <a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
                          <div class="dropdown-menu dropdown-menu-right">
                            <a class="dropdown-item" href="javascript:void();" data-toggle="modal" data-target="#myModal{{ $listingS->id }}" ><i class="fa fa-pencil m-r-5"></i> Edit</a>
                            <a class="dropdown-item" href="javascript:void(0)" onclick="del_package('deletepackage/{{ $listingS->id }}')"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
                          </div>
                        </div>

                        <!-- modal -->