@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    {!! $merchant->merchant_name or 'Merchant' !!}
                </h3>
            </div>

        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="flaticon-list"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Merchants Offers
                        </h3>
                    </div>
                </div>
                @if(\Illuminate\Support\Facades\Session::has('Merchant_Offers_Create|1-0-3-1'))
                <div class="m-portlet__head-tools">
                    <a href="{{ asset('admin/merchant/offers-add/'.$merchant_id) }}" class="btn btn-accent m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill">
                        <span>
                           Add Offer
                        </span>
                    </a>
                </div>
                @endif
            </div>
            <div class="m-portlet__body">
                <div class="m-section">
                    <div class="m-section__content">
                        @if(@count($merchant_offers) > 0)
                            <table class="table m-table merchant-form">
                                <thead>
                                <tr>
                                    <th>Plan</th>
                                    <th>Total EMIs</th>
                                    <th>Advance</th>
                                    <th>Remaining EMIs</th>
                                    <th>Processing Fee</th>
                                    <th>Interest Type</th>
                                    <th>Interest Charged</th>
                                    <th>Subvention Charged</th>
                                    <th>Payment Frequency</th>
                                    <th>Status</th>
                                    @if(\Illuminate\Support\Facades\Session::has('Merchant_Offers_Update|1-0-3-2'))
                                    <th>Action</th>
                                    @endif
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($merchant_offers as $offer)
                                    <tr>
                                        <td>@if(count($offer->offerLog)) <?php $offerLogContent = ''; foreach($offer->offerLog as $offerLog){ $offerLogContent .= "<p style='color:red;'>[".$offerLog->created_at." - ".ucfirst($offerLog->user->name)."]</p>"; } ?> <i data-toggle="popover" data-html="true" data-content="{!! $offerLogContent or '' !!}" style="margin-right: 10px;" class="fa popover-view-check fa-chevron-circle-right "></i>@endif<b>{!! $offer->tenure !!} Month / {!! $offer->advance_emi !!} Advance {!! ucwords(str_replace('_',' ',$offer->advance_type)) !!} Payable</b>@if($offer->reason)<br/><b>(Reason :- <code>{!! $offer->reason !!}</code>)</b>@endif</td>
                                        <td>{!! $offer->tenure !!} EMI</td>
                                        <td style="font-family:sans-serif">@if($offer->advance_type === 'fixed_amount') &#8377;@endif{!! $offer->advance_emi !!}@if($offer->advance_type == 'emi' || $offer->advance_type == null) EMI @elseif($offer->advance_type == 'percentage')%  @endif</td>
                                        <td>@if($offer->advance_type == 'emi') {!! $offer->tenure - $offer->advance_emi  !!} EMI @else {!! $offer->tenure !!} EMI  @endif</td>
                                        <td style="font-family:sans-serif">@if($offer->processing_fee_type != 'percentage') &#8377;@endif{!! $offer->processing_fee !!}@if($offer->processing_fee_type == 'percentage')% @endif</td>
                                        <td>{!! $interest_types[$offer->interest_type_id] or '' !!}</td>
                                        <td>{!! $offer->interest_rate !!}%</td>
                                        <td>{!! $offer->subvention !!}%</td>
                                        <td>@if($offer->payment_frequency == 1) Monthly @elseif($offer->payment_frequency == 2) Bi-Weekly @elseif($offer->payment_frequency == 3) Weekly @elseif($offer->payment_frequency == 4) Daily @endif</td>
                                        <td>@if($offer->status && $offer->disable_offer_status == 1) Active @else Inactive @endif</td>
                                        @if(\Illuminate\Support\Facades\Session::has('Merchant_Offers_Update|1-0-3-2'))
                                        <td>
                                            <span>
                                            <a href="{{ asset('admin/merchant/offers-update/'.$offer->id) }}" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill"
                                               title="Edit">
                                                <i class="la la-edit"></i>
                                            </a>
                                            </span>
                                            |
                                            <span style="position: absolute;">
                                            <a href="javascript:void(0);" data-id="{!! $offer->id !!}" class="delete-button-offer m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill"
                                               title="Delete">
                                                <i class="la la-trash"></i>
                                            </a>
                                            </span>
                                        </td>
                                        @endif
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        @else
                            <b><center>No Data Found</center></b>
                        @endif
                    </div>
                    <div>
                        <td>
                            <a href="{{ asset('admin/merchant/edit/'.$merchant->id) }}" class="btn btn-primary">Go to Edit Merchant
                            </a>

                        </td>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="createCategory" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content" style="width: 405px;">
            <div class="modal-header" style="padding:5px">
                <h4 class="modal-title">Create Category</h4>
            </div>
            <div class="modal-body">
                <span class="createCategory_loading" style="display: none;position: absolute;right: 32px;margin-top: 6px;"><img src="/assets/front/img/loading.gif"/></span>
                <input type="text" placeholder="Enter Merchant Category" id="merchant_category_name" class="form-control"/>
                <span id="error-category-create" style="color: red;font-size: 11px;position: absolute;padding-top: 3px;margin-left: 1px;"></span>
            </div>
            <div class="modal-footer" style="padding: 5px;">
                <button type="button" class="btn btn-primary add_merchant_category">Create</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@include("admin.layouts.footer")

<script>
    $(".delete-button-offer").click(function(){
        let id = $(this).attr('data-id');
        if(window.confirm("Are you sure? Deleting the offer")){
            window.location.href ='/admin/merchant/offers-delete/'+id
        }
    });
</script>