@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info bg-transparent">

    <div class="card-body">
        <div class="d-flex justify-content-center">
            {!! $coupons->links() !!}
        </div>
        <div class="table-responsive">
          <table class="datatables-custom table table-hover-animation" data-title="{{ trans('dashboard.coupon.add_coupon') }}" data-create_title="{{ trans('dashboard.coupon.add_coupon') }}" data-create_link="{{ route('dashboard.coupon.create') }}">
                <thead>
                    <tr class="text-center">
                        <th>#</th>
                        <th>{!! trans('dashboard.coupon.code') !!}</th>
                        <th>{!! trans('dashboard.coupon.coupon_start_date') !!}</th>
                        <th>{!! trans('dashboard.coupon.coupon_end_date') !!}</th>
                        <th>{!! trans('dashboard.coupon.min_order_price') !!}</th>
                        <th>{!! trans('dashboard.coupon.coupon_percentage') !!} %</th>
                        <th>{!! trans('dashboard.coupon.usage_times') !!}</th>
                        <th>{!! trans('dashboard.coupon.is_active') !!}</th>
                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                        <th>{!! trans('dashboard.general.control') !!}</th>
                    </tr>
                </thead>
                <tbody class="text-center">
                    @foreach ($coupons as $coupon)
                    <tr class="{{ $coupon->id }} text-center">
                        <td>{{$coupon->id}}</td>
                        <td>{{$coupon->code}}</td>
                        <td>   <div class="badge badge-success badge-md mr-1 mb-1">{{ $coupon->start_date->format("Y-m-d H:i") }}</div></td>
                        <td>   <div class="badge badge-primary badge-md mr-1 mb-1">{{ $coupon->expire_date->format("Y-m-d H:i") }} </div></td>
                        <td>{{ $coupon->min_order_price }}</td>
                        <td>
                            <div class="badge badge-success badge-md mr-1 mb-1">{{ $coupon->coupon_percentage }}</div>
                        </td>
                        <td>
                            <div class="badge badge-info badge-md mr-1 mb-1">{{ $coupon->usage_times }}</div>
                        </td>
                        <td>
                            <div class="custom-control toggle-switch custom-switch custom-switch-success mr-2 mb-1">
                                <input id="check_active_{{ $loop->index }}" {{ $coupon->is_active ? 'checked' : '' }} class="custom-control-input" onchange="toggleActive('{{ $coupon->id }}')" type="checkbox">
                                <label for="check_active_{{ $loop->index }}"></label>
                                <label class="custom-control-label" for="check_active_{{ $loop->index }}">
                                    <span class="switch-icon-left">
                                        <i class="icofont-check"></i>
                                    </span>
                                    <span class="switch-icon-right">
                                        <i class="icofont-x"></i>
                                    </span>
                                </label>
                            </div>
                        </td>

                        <td>
                            <div class="badge badge-primary badge-md mr-1 mb-1">{{ $coupon->created_at->format("Y-m-d") }}</div>
                        </td>

                        <td class="text-center font-medium-3">
                            <a onclick="deleteItem({{ $coupon->id }} , '{{ route('dashboard.coupon.destroy',$coupon->id) }}')" class="text-danger">
                                <i class=" icofont-trash" title="{!! trans('dashboard.general.delete') !!}"></i>
                            </a>
                            <a href="{!! route('dashboard.coupon.edit',$coupon->id) !!}" class="text-primary mr-2">
                                <i class="icofont-edit" title="{!! trans('dashboard.general.edit') !!}"></i>
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="d-flex justify-content-center">
            {!! $coupons->links() !!}
        </div>
    </div>
</div>
@include('dashboard.layout.delete_modal')
@endsection

@section('vendor_styles')
<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/datatables.min.css">
@endsection

@section('page_styles')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
@endsection
@include('dashboard.coupon.scripts')