@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info">
    <div class="card-header header-elements-inline">
        <h5 class="card-title">{!! trans('dashboard.product_offer.product_offers') !!}</h5>
        <a class="btn btn-primary mr-1 mb-1 waves-effect waves-light" href="{{ route('dashboard.product_offer.create') }}">
            <i class="feather icon-plus"></i>
            {{ trans('dashboard.product_offer.add_product_offer') }}
        </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_product_offers" data-toggle="pill" href="#account-vertical-current_product_offers" aria-expanded="true">
                            <i class="feather icon-globe mr-50 font-medium-3"></i>
                            {!! trans('dashboard.product_offer.current_product_offers') !!}
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link d-flex py-75" id="account-pill-finished_product_offers" data-toggle="pill" href="#account-vertical-finished_product_offers" aria-expanded="false">
                            <i class="feather icon-lock mr-50 font-medium-3"></i>
                            {!! trans('dashboard.product_offer.finished_product_offers') !!}
                        </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_product_offers" aria-labelledby="account-pill-current_product_offers" aria-expanded="true">
                                <div class="d-flex justify-content-center">
                                    {!! $current_product_offers->links() !!}
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-bordered dataex-html5-selectors">
                                        <thead>
                                            <tr class="text-center">
                                                <th>#</th>
                                                <th>{{ trans('dashboard.product.product') }}</th>
                                                <th>{{ trans('dashboard.product_offer.product_offer_type') }}</th>
                                                <th>{{ trans('dashboard.product_offer.value') }}</th>
                                                <th>{{ trans('dashboard.product_offer.offer_price') }}</th>
                                                <th>{!! trans('dashboard.product.active_status') !!}</th>
                                                <th>{{ trans('dashboard.product_offer.expire_date') }}</th>
                                                <th>{!! trans('dashboard.general.added_date') !!}</th>
                                                <th>{!! trans('dashboard.general.control') !!}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($current_product_offers as $product_offer)
                                            <tr class="{{ $product_offer->id }} text-center">
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ @$product_offer->product->name }}</td>
                                                <td>{{ trans('dashboard.product_offer.offer_types.'.$product_offer->offer_type) }}</td>
                                                <td>
                                                    @switch($product_offer->offer_type)
                                                        @case('discount')
                                                        {!! $product_offer->offer_percentage ." <i class='feather icon-percent'></i>" !!}
                                                        @break
                                                        @case('product')
                                                        {!! $product_offer->offer_products_html !!}
                                                        @break
                                                    @endswitch
                                                </td>
                                                <td>{{ $product_offer->offer_price }}</td>
                                                <td>
                                                    <div class="custom-control custom-switch custom-switch-success mr-2 mb-1">
                                                        <input id="check_active_{{ $loop->index }}" {{ $product_offer->is_active ? 'checked' : '' }} class="custom-control-input" onchange="toggleActive('{{ $product_offer->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="feather icon-check"></i></span>
                                                            <span class="switch-icon-right"><i class="feather icon-x"></i></span>
                                                        </label>
                                                    </div>

                                                </td>
                                                <td>{{ $product_offer->expire_date->format('Y-m-d') }}</td>
                                                <td>
                                                    <div class="badge badge-violet badge-md mr-1 mb-1">{{ $product_offer->created_at->format("Y-m-d") }}</div>
                                                </td>
                                                <td class="text-center font-medium-1">
                                                    <a onclick="deleteItem({{ $product_offer->id }} , '{{ route('dashboard.product_offer.destroy',$product_offer->id) }}')" class="text-danger font-medium-3">
                                                        <i class="feather icon-trash-2" title="{!! trans('dashboard.general.delete') !!}"></i>
                                                    </a>
                                                    <a href="{!! route('dashboard.product_offer.edit',$product_offer->id) !!}" class="text-primary font-medium-3">
                                                        <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_product_offers->links() !!}
                                </div>

                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="account-vertical-finished_product_offers" aria-labelledby="account-pill-finished_product_offers" aria-expanded="false">
                                <div class="d-flex justify-content-center">
                                    {!! $finished_product_offers->links() !!}
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-bordered dataex-html5-selectors">
                                        <thead>
                                            <tr class="text-center">
                                                <th>#</th>
                                                <th>{{ trans('dashboard.product.product') }}</th>
                                                <th>{{ trans('dashboard.product_offer.product_offer_type') }}</th>
                                                <th>{{ trans('dashboard.product_offer.value') }}</th>
                                                <th>{{ trans('dashboard.product_offer.offer_price') }}</th>
                                                <th>{{ trans('dashboard.product_offer.expire_date') }}</th>

                                                <th>{!! trans('dashboard.general.added_date') !!}</th>
                                                <th>{!! trans('dashboard.general.control') !!}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($finished_product_offers as $product_offer)
                                            <tr class="{{ $product_offer->id }} text-center">
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ @$product_offer->product->name }}</td>
                                                <td>{{ trans('dashboard.product_offer.offer_types.'.$product_offer->offer_type) }}</td>
                                                <td>
                                                    @switch($product_offer->offer_type)
                                                        @case('discount')
                                                        {!! $product_offer->offer_percentage ." <i class='feather icon-percent'></i>" !!}
                                                        @break
                                                        @case('product')
                                                        {!! $product_offer->offer_products_html !!}
                                                        @break
                                                    @endswitch
                                                </td>

                                                <td>{{ $product_offer->offer_price }}</td>
                                                <td>{{ $product_offer->expire_date->format('Y-m-d') }}</td>
                                                <td>
                                                    <div class="badge badge-violet badge-md mr-1 mb-1">{{ $product_offer->created_at->format("Y-m-d") }}</div>
                                                </td>
                                                <td class="product-action text-center font-medium-3">
                                                    <a onclick="deleteItem({{ $product_offer->id }} , '{{ route('dashboard.product_offer.destroy',$product_offer->id) }}')" class="text-danger mr-1">
                                                        <i class="feather icon-trash-2"></i>
                                                    </a>
                                                    <a href="{!! route('dashboard.product_offer.edit',$product_offer->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_product_offers->links() !!}
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('dashboard.layout.delete_modal')
@endsection
@section('page_styles')
    <style media="screen">
        .table .custom-switch .custom-control-label:before {
            background-color: #666b81 !important;
        }
    </style>
@endsection
@include('dashboard.product_offer.scripts')