@use('App\Services\Date')
@extends('superadmin::layouts.master')
@section('title',__('tenant::promo-codes.title'))
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('dashboard-home')}}">@lang('Home')</a>
            </li>
            <li class="breadcrumb-item"><a href="#">@lang('tenant::promo-codes.title')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')

<div class="ibox-content m-b-sm hidden-print list-actions text-xs-right mb-1 headBtns">
    <div role="group" aria-label="Button group with nested dropdown" class="btn-group">
        <a href="{{route('promo.create')}}" >
            <button type="button" class="btn btn-primary btn-min-width">
                @lang('Create')
                <img alt="add" src="{{asset('assets/images/svg/plus.svg')}}">
            </button>
        </a>
    </div>
</div>

<section id="configuration">
    <div class="row my-1">
        <div class="col-xs-12">
            <div class="alert alert-danger hidden errors">
                <ul id="errors_list" class="errors_list">
                </ul>
            </div>
            @include('superadmin::errors.lists')
            <div class="card ">
                <div class="card-body collapse in">
                    <input type="hidden" id="current_user" value="{{auth()->user()->id}}">
                    <table
                        class="table table-striped table-column dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                        <thead>
                            <tr>
                                <th>
                                    {{__('tenant::promo-codes.code')}}
                                </th>
                                <th>
                                    {{__('tenant::promo-codes.due_date')}}
                                </th>
                                <th>
                                    {{__('tenant::promo-codes.discount')}}
                                </th>
                                <th>
                                    {{__('tenant::promo-codes.status')}}
                                </th>
                                <th>
                                    {{__('tenant::promo-codes.usage')}}
                                </th>
                                <th>
                                    {{__('tenant::promo-codes.description')}}
                                </th>
                                <th class="hidden-print">@lang('Actions')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($promos as $promo)
                            <tr>
                                <td>
                                    <a href="{{route('promo.show', ['promo' => $promo->id])}}">
                                        {{$promo['code']}}
                                    </a>
                                </td>
                                <td><span class="d-none">{{$promo['due_date']}}</span>{{ Date::format($promo['due_date'], 'date') }}</td>
                                <td>{{$promo['discount']}}</td>
                                <td>{{$promo['status']}}</td>
                                <td>{{$promo['usage']}}</td>
                                <td>{{$promo['description']}}</td>
                                <td class="text-center">
                                    <a href="{{route('promo.show', ['promo' => $promo['id']])}}"
                                       class='btn btni rounded-circle font-small-2 btn-primary btn-xs text-white' data-toggle="tooltip"
                                       data-placement="bottom" title="@lang('Show')"><i class="fa fa-eye"></i>
                                    </a>

                                    <a href="{{route('promo.edit', ['promo' => $promo['id']])}}" class='btn btni rounded-circle font-small-2 btn-info btn-xs btn-edit text-white'
                                       data-toggle="tooltip" data-placement="bottom"
                                       title="@lang('Edit')"><i class="fa fa-pencil"></i></a>

                                    <a href=""
                                       class="delete-promo-code btn-danger btn btni rounded-circle font-small-2 btn-info btn-xs btn-edit text-white"
                                       data-toggle="modal" data-target="#favoritesModal"
                                       data-url="{{ route('promo.destroy', ['promo' => $promo['id']]) }}"
                                       data-placement="bottom" title="@lang('Delete')">
                                        <i class="fa fa-trash-o"></i>
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="modal fade" id="favoritesModal" tabindex="-1" role="dialog"
                         aria-labelledby="favoritesModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="favoritesModalLabel">@lang('Delete')</h4>
                                </div>
                                <div class="modal-body">
                                    <p>
                                        @lang('tenant::promo-codes.delete confirmation message')
                                    </p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('No')</button>
                                    <span class="pull-right">
                                        <form id="delete-form" action="" method="POST" style="display: none;">
                                            @csrf
                                            @method('delete')

                                        </form>
                                        <button class="btn btn-primary dev-detele" id="delete-yes">@lang('Yes')</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')
<script>
    window.addEventListener('DOMContentLoaded', function () {
        $(document).ready(function () {
            var url = '';
            $(document).on('touchstart click', '.delete-promo-code', function () {
                url = $(this).attr('data-url');
            });
            //handel desktop(click) and mobile(touchstart) browsers
            $(document).on('touchstart click', '#delete-yes', function () {
                $("#delete-form").attr("action", url);
                $(this).prop('disabled', true);
                $("#delete-form").submit();
            });

        });

    });
</script>
@endsection