@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info">
    <div class="card-header header-elements-inline">
        <h5 class="card-title">{!! trans('dashboard.coupon.coupons') !!}</h5>
        <a class="btn btn-primary mr-1 mb-1 waves-effect waves-light" href="{{ route('dashboard.coupon.create') }}">
            <i class="feather icon-plus"></i>
            {{ trans('dashboard.coupon.add_coupon') }}
        </a>
    </div>

    <div class="card-body">
        <div class="row">
            <div class="col-md-2">
                <ul class="nav nav-pills flex-column mt-md-0 mt-1">
                    <li class="nav-item">
                        <a class="nav-link d-flex py-75 active" id="account-pill-current_coupons" data-toggle="pill" href="#account-vertical-current_coupons" aria-expanded="true">
                            <i class="feather icon-globe mr-50 font-medium-3"></i>
                            {!! trans('dashboard.coupon.current_coupons') !!}
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link d-flex py-75" id="account-pill-finished_coupons" data-toggle="pill" href="#account-vertical-finished_coupons" aria-expanded="false">
                            <i class="feather icon-lock mr-50 font-medium-3"></i>
                            {!! trans('dashboard.coupon.finished_coupons') !!}
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-md-10">
                <div class="card-content">
                    <div class="card-body">
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="account-vertical-current_coupons" aria-labelledby="account-pill-current_coupons" aria-expanded="true">
                                <div class="d-flex justify-content-center">
                                    {!! $current_coupons->links() !!}
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-bordered dataex-html5-selectors">
                                        <thead>
                                            <tr class="text-center">
                                                <th>#</th>
                                                <th>{{ trans('dashboard.general.image') }}</th>
                                                <th>{{ trans('dashboard.coupon.code') }}</th>
                                                <th>{{ trans('dashboard.coupon.discount_percentage') }}</th>
                                                <th>{{ trans('dashboard.coupon.expire_date') }}</th>
                                                {{-- <th>{{ trans('dashboard.coupon.number_of_use') }}</th> --}}
                                                <th>{{ trans('dashboard.coupon.user_used_code_count') }}</th>
                                                <th>{!! trans('dashboard.general.added_date') !!}</th>
                                                <th>{!! trans('dashboard.general.control') !!}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($current_coupons as $coupon)
                                            <tr class="{{ $coupon->id }} text-center">
                                                <td>{{ $loop->iteration }}</td>
                                                <td class="product-img sorting_1">
                                                    <a href="{{ $coupon->image }}" data-fancybox="gallery">
                                                        <img src="{{ $coupon->image }}" style="width:60px; height:60px;" class="img-preview img-thumbnail">
                                                    </a>
                                                </td>
                                                <td>{{ $coupon->code }}</td>
                                                <td>{{ $coupon->discount_percentage }} %</td>
                                                <td>{{ $coupon->expire_date->format('Y-m-d') }}</td>
                                                {{-- <td>{{ $coupon->number_of_use }}</td> --}}
                                                <td>{{ $coupon->user_used_code_count }}</td>
                                                <td>
                                                    <div class="badge badge-violet 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="feather icon-trash-2" title="{!! trans('dashboard.general.delete') !!}"></i>
                                                    </a>
                                                    <a href="{!! route('dashboard.coupon.show',$coupon->id) !!}" class="text-success">
                                                        <i class="feather icon-monitor" title="{!! trans('dashboard.general.show') !!}"></i>
                                                    </a>
                                                    <a href="{!! route('dashboard.coupon.edit',$coupon->id) !!}" class="text-primary">
                                                        <i class="feather icon-edit" title="{!! trans('dashboard.general.edit') !!}"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="d-flex justify-content-center">
                                    {!! $current_coupons->links() !!}
                                </div>

                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="account-vertical-finished_coupons" aria-labelledby="account-pill-finished_coupons" aria-expanded="false">
                                <div class="d-flex justify-content-center">
                                    {!! $finished_coupons->links() !!}
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-bordered dataex-html5-selectors">
                                        <thead>
                                            <tr class="text-center">
                                                <th>#</th>
                                                <th>{{ trans('dashboard.general.image') }}</th>
                                                <th>{{ trans('dashboard.coupon.code') }}</th>
                                                <th>{{ trans('dashboard.coupon.discount_percentage') }}</th>
                                                <th>{{ trans('dashboard.coupon.expire_date') }}</th>
                                                {{-- <th>{{ trans('dashboard.coupon.number_of_use') }}</th> --}}
                                                <th>{{ trans('dashboard.coupon.user_used_code_count') }}</th>
                                                <th>{!! trans('dashboard.general.added_date') !!}</th>
                                                <th>{!! trans('dashboard.general.control') !!}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($finished_coupons as $coupon)
                                            <tr class="{{ $coupon->id }} text-center">
                                                <td>{{ $loop->iteration }}</td>
                                                <td class="product-img sorting_1">
                                                    <a href="{{ $coupon->image }}" data-fancybox="gallery">
                                                        <img src="{{ $coupon->image }}" style="width:60px; height:60px;" class="img-preview img-thumbnail">
                                                    </a>
                                                </td>
                                                <td>{{ $coupon->code }}</td>
                                                <td>{{ $coupon->discount_percentage }} %</td>
                                                <td>{{ $coupon->expire_date->format('Y-m-d') }}</td>
                                                {{-- <td>{{ $coupon->number_of_use }}</td> --}}
                                                <td>{{ $coupon->user_used_code_count }}</td>
                                                <td>
                                                    <div class="badge badge-violet badge-md mr-1 mb-1">{{ $coupon->created_at->format("Y-m-d") }}</div>
                                                </td>
                                                <td class="product-action text-center font-medium-3">
                                                    <a onclick="deleteItem({{ $coupon->id }} , '{{ route('dashboard.coupon.destroy',$coupon->id) }}')" class="text-danger">
                                                        <i class="feather icon-trash-2"></i>
                                                    </a>
                                                    <a href="{!! route('dashboard.coupon.show',$coupon->id) !!}" class="text-success">
                                                        <i class="feather icon-monitor" title="{!! trans('dashboard.general.show') !!}"></i>
                                                    </a>
                                                    <a href="{!! route('dashboard.coupon.edit',$coupon->id) !!}" class="text-primary">
                                                        <i class="feather icon-edit"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="d-flex justify-content-center">
                                    {!! $finished_coupons->links() !!}
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('dashboard.layout.delete_modal')
@endsection

@include('dashboard.coupon.scripts')