@extends("admin/layouts.master")
@section('title','All Coupons')

@section('body')
<section class="content">
  @include('admin.message')
  <div class="row">
    <div class="col-xs-12">
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">{{ __('adminstaticword.Coupon') }}</h3>
          <a title="Create new Coupon" href="{{ route('coupon.create') }}" class="btn btn-sm btn-info"><i class="fa fa-plus"></i> {{ __('adminstaticword.Add') }} {{ __('adminstaticword.Coupon') }}</a>
        </div>

        <div class="box-body">
          <div class="table-responsive">
            <table id="example1" class="table table-bordered table-striped">
              <thead>

                <th>{{ __('adminstaticword.ID') }}</th>
                <th>{{ __('adminstaticword.CODE') }}</th>
                <th>{{ __('adminstaticword.Amount') }}</th>
                <th>{{ __('adminstaticword.Detail') }}</th>
                <th>{{ __('adminstaticword.CouponUsedCount') }}</th>
                <th>{{ __('adminstaticword.Edit') }}</th>
                <th>{{ __('adminstaticword.Delete') }}</th>
              </thead>

              <tbody>
                @foreach($coupans as $key=> $cpn)
                  <tr>
                    <td>{{ $cpn->id }}</td>
                    <td>{{ $cpn->code }}</td>
                    
                    <td>@if($cpn->distype == 'fix') <i class="fa {{ $currency->icon }}"></i> @endif {{ $cpn->amount }}@if($cpn->distype == 'per')% @endif </td>
                    <td>
                      <p>{{ __('adminstaticword.GetStarted').__('adminstaticword.Date') }}: <b>{{ $cpn->start_date ? date('Y-m-d',strtotime($cpn->start_date)) : '無' }}</b></p>
                      <p>{{ __('adminstaticword.ExpiryDate') }}: <b>{{ $cpn->expirydate ? date('Y-m-d',strtotime($cpn->expirydate)) : '無' }}</b></p>
                      <p>{{ __('adminstaticword.DiscountType') }}: <b>{{ $coupon_types[ $cpn->distype ] }}</b></p>
                    </td>
                    <td>
                      {{ $cpn->couponUsed->count() }}
                    </td>
                    <td>
                      @if (isset($cpn->stripe_coupon_id))
                        -
                      @else
                        <a title="Edit coupon" href="{{ route('coupon.edit',$cpn->id) }}" class="btn btn-success btn-sm">
                          <i class="fa fa-pencil"></i>
                        </a>
                      @endif
                    </td>
                    <td>
                      <a title="Delete coupon" data-toggle="modal" data-target="#coupon{{ $cpn->id }}" class="btn btn-danger">
                        <i class="fa fa-trash"></i>
                      </a>
                    </td>

                    <div id="coupon{{ $cpn->id }}" class="delete-modal modal fade" role="dialog">
                        <div class="modal-dialog modal-sm">
                          <!-- Modal content-->
                          <div class="modal-content">
                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                              <div class="delete-icon"></div>
                            </div>
                            <div class="modal-body text-center">
                              <h4 class="modal-heading">即將刪除優惠券?</h4>
                              <p>確認是否要刪除優惠券，將動作將無法復原。</p>
                            </div>
                            <div class="modal-footer">
                                 <form method="post" action="{{route('coupon.destroy',$cpn->id)}}" class="pull-right">
                                    {{csrf_field()}}
                                    {{method_field("DELETE")}}

                                 <button type="reset" class="btn btn-gray translate-y-3" data-dismiss="modal">{{ __('adminstaticword.No') }}</button>
                                <button type="submit" class="btn btn-danger">{{ __('adminstaticword.Yes') }}</button>
                              </form>
                            </div>
                          </div>
                        </div>
                    </div>
                  </tr>
                  {{-- <x-coupon-indextable-component :cpn="$cpn" :coupon_types="$coupon_types" /> --}}
                @endforeach
              </tbody>

            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection