@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title"> {{ translate('Refunds') }}</h3>
                <div class="d-inline-block align-items-center">
                    <nav>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                                        class="mdi mdi-home-outline"></i></a></li>
                            <li class="breadcrumb-item" aria-current="page"> {{ translate('Refunds') }}</li>

                        </ol>
                    </nav>
                </div>
            </div>

        </div>
    </div>
    <!-- Main content -->
<section class="content">
    <div class="box">
        @if (Session::get('tenant_subscribtion_data')['sellers']['belongs_to_subscribtion'] == true && Session::get('tenant_controle_modules')['sellers'] == 1)
            <div class="box-header">
                @include('admin.Seller.nav', ['seller_id' => $seller_id , 'active' => 'refunds'])
            </div>
            <div class="box-body">
                <i class="fa fa-filter" style="font-size: 2em;cursor: pointer;" aria-hidden="true"
                    onclick="toggleFilter()"></i>
                <div class="row">
                    <div class="col-md-2 col-lg-2 col-12 thumbnail p-20 filter-section">
                        <form id="sort_orders" action="" method="GET">
                            <div class="form-group">
                                <select class="form-control" onchange="sort_orders()" name="refund_status">
                                    <option value="under_review" @isset($refund_status) @if ($refund_status == 'under_review') selected @endif
                                    @endisset>{{ translate('Under review') }}</option>
                                    <option value="approved" @isset($refund_status) @if ($refund_status == 'approved') selected @endif
                                    @endisset>
                                    {{ translate('Approved') }}</option>
                                    <option value="rejected" @isset($refund_status) @if ($refund_status == 'rejected') selected @endif
                                        @endisset>
                                    {{ translate('Rejected') }}</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <input type="text" class="form-control" id="search" name="search" @isset($sort_search)
                                    value="{{ $sort_search }}" @endisset
                                    placeholder="{{ translate('Product name or code') }}">
                            </div>

                            <div class="form-group">
                                <input type="date" class="form-control" id="from_date" name="from_date" @isset($from_date)
                                    value="{{ $from_date }}" @endisset placeholder="{{ translate('From date') }}">
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control" id="to_date" name="to_date" @isset($to_date)
                                    value="{{ $to_date }}" @endisset placeholder="{{ translate('To date') }}">
                            </div>
                            <div class="form-group">
                                <input type="button" value="{{ translate('Search') }}"
                                    class="form-control btn btn-primary" onclick="sort_orders()">
                            </div>

                        </form>
                    </div>
                    <div class="col-md col-lg col-12">
                        <div id="table_data">
                            <div class="table-responsive">
                                <table id="complex_header" class="table table-striped table-bordered display"
                                    style="width:100%">
                                    <thead>
                                        <tr>

                                            <th># </th>
                                            <th> {{ translate('User') }}</th>
                                            <th> {{ translate('Seller') }}</th>
                                            <th> {{ translate('seller approval') }}</th>
                                            <th> {{ translate('Refund amount') }}</th>
                                            <th> {{ translate('Resone') }}</th>
                                            <th> {{ translate('Customer resone') }}</th>
                                            <th> {{ translate('Updated') }}</th>
                                            <th> {{ translate('Options') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($refunds as $key => $refund)
                                            <tr>
                                                <td>{{ $key + 1 + ($refunds->currentPage() - 1) * $refunds->perPage() }}
                                                </td>
                                                <td>{{ $refund->user->name }}</td>
                                                <td>
                                                    @if ($refund->seller)
                                                        {{ $refund->seller->company_name }}
                                                    @else
                                                        <span
                                                            class="alert alert-info">{{ translate('No seller') }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($refund->seller)
                                                        @if ($refund->seller_approval == 'approved')
                                                            <span
                                                                class="alert alert-success">{{ translate('Approved') }}</span>
                                                        @elseif($refund->seller_approval == 'rejected')
                                                            <span
                                                                class="alert alert-info">{{ translate('Rejected') }}</span>
                                                        @elseif($refund->seller_approval == 'pending')
                                                            <span
                                                                class="alert alert-info">{{ translate('Pending') }}</span>
                                                        @endif
                                                    @else
                                                        <span
                                                            class="alert alert-info">{{ translate('No seller') }}</span>
                                                    @endif
                                                </td>
                                                <td>{{ $refund->refund_amount }}</td>

                                                <td>{{ $refund->resone ? $refund->resone->{'resone_' . App::getLocale()} : '' }}
                                                </td>
                                                <td>{{ $refund->customer_reson }}</td>
                                                <td>{{ $refund->updated_at }}</td>
                                                <td class="text-center">
                                                    <div class="dropdown">
                                                        <a class="text-fade" href="#" data-toggle="dropdown"><i
                                                                class="fa fa-fw fa-list"></i></a>
                                                        <div class="dropdown-menu dropdown-menu-right">

                                                            <a class="dropdown-item"
                                                                href="{{ route('RefundRequest.show', encrypt($refund->id)) }}"><i
                                                                    class="mdi mdi-magnify"></i>
                                                                {{ translate('View') }}</a>
                                                        </div>
                                                    </div>

                                                </td>


                                            </tr>
                                        @endforeach
                                    </tbody>

                                </table>
                            </div>
                            {{ $refunds->links() }}
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="row" style="padding: 2em">
                <div class="col-8 mx-auto text-center">
                    <br>
                    <img style="width: 12em;margin-bottom: 1em;" src="{{ url('/images/upgrad_limit.png') }}" alt="">
                    <h4>
                        {{ translate('You need to upgrade to use this feature.') }}
                    </h4>
                    <h4 style="color: chocolate">
                        {{ translate('Please Upgrade to use this feature.') }}
                    </h4>
                    <br>
                    <a class="btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg"
                        href="#">{{ translate('Upgrade now') }}</a>
                </div>
            </div>

        @endif
    </div>
</section>
@endsection

@section('script')

<script type="text/javascript">
$('.filter-section').hide()

function toggleFilter() {
$('.filter-section').slideToggle();
}

function sort_orders(el) {
$('#sort_orders').submit();
}

</script>
@endsection