@extends('Admin.Layouts.Dashboard')

@section('styles')
    <style>
        .violation-row-buttons{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%
        }
    </style>

    <link href="{{asset('css/bootstrap-datetimepicker.css')}}" rel="stylesheet" />

    <script src="{{asset('js/moment.min.js')}}"></script>
    <script src="{{asset('js/bootstrap-hijri-datetimepicker.min.js')}}"></script>
@endsection

@section('content')

    @if(count($rows))
        @foreach($rows as $row)
            <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLongTitle">المستفيدين من الخصم</h5>

                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>

                        <div class="modal-body">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th scope="col">رقم الحجز</th>
                                    <th scope="col">المستخدم</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($row->users as $user)
                                    <tr>
                                        <th scope="row"><a href="">{{$user->user->name ?? ''}}</a></th>
                                        <td><a href="">{{$user->booking_id}}</a></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    @endif

    <div class="modal fade" id="edit-percents" tabindex="-1" role="dialog" aria-labelledby="edit-percents-label" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">تعديل نسب الخصم</h5>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>

                <div class="modal-body">
                    <form method="post" action="{{route('dashboard.coupons.update.discount.percent')}}">
                        @csrf
                        @method('PUT')

                        @for($i=0;$i<5;$i++)
                                                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="points-{{$new}}">عدد النقاط</label>
                                        <input type="number" id="points-{{$new}}" class="form-control" name="percent[{{$i}}][points]" value="{{isset($percent[$i]) ? $percent[$i]['points'] : ''}}" />
                                    </div>
                                </div>

                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="discount-{{$new}}">نسبة الخصم %</label>
                                        <input type="number" id="discount-{{$new}}" class="form-control" name="percent[{{$i}}][discount]" value="{{isset($percent[$i]) ? $percent[$i]['discount'] : ''}}" />
                                    </div>
                                </div>
                            </div>
                        @endfor

                        <button type="submit" class="btn btn-primary">حفظ</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">إلغاء</button>
                        <div class="clear"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"><a href="{{dashboard_route()}}">الرئيسية /</a></h4>
                <span class="text-muted mt-1 tx-13 ms-2 mb-0">{{$page_title}}</span>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->

    {{--    @include('Partners.Units.Statics')--}}

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{$page_title}}</h3>
                </div>

                <div class="card-body">
                    <div class="p-10">
                        <div class="row d-md-flex justify-content-md-between align-items-center">
                            <div class="col-md-3 col-xs-12"></div>
                            <div class="col-md-9 col-xs-12 text-right">
                                <a href="{{route('dashboard.coupons.index')}}" class="btn btn-success bg-main">
                                    الكل
                                </a>

                                <a href="?filter=pending" class="btn btn-danger bg-main">
                                    مستخدمة
                                </a>

                                <a href="?filter=pending" class="btn btn-secondary bg-main">
                                    ملغية
                                </a>

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

                    @include('Messages')

                    <div class="table-responsive">
                        <table class="dataTable table-hover text-right table table-head-custom table-vertical-center" id="kt_advance_table_widget_1">
                            <thead>
                            <tr>
                                <th>الكود</th>
                                <th>الخصم</th>
                                <th>المستخدم</th>
                                <th>مرات الاستخدام</th>
                                <th>الحالة</th>
                                <th>الاجراءات</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($rows))
                                @foreach($rows as $row)
                                    <tr class="{{$row->trashed() ? 'trashed' : ''}}">
                                        <td>{{$row->coupon}}</td>
                                        <td>{{get_discount($row)}}</td>
                                        <td>
                                            @if(count($row->users) > 0)
                                                <button type="button" class="btn btn-link" data-toggle="modal" data-target="#exampleModalLong">
                                                    عرض المستفيدين
                                                </button>
                                            @else
                                                --
                                            @endif
                                        </td>
                                        <td>{{(int) $row->uses}}</td>

                                        <td>
                                            @if(is_coupon_expired($row))
                                                <span class="badge badge-warning">منتهي</span>
                                            @elseif(check_coupon_user($row))
                                                <span class="badge badge-warning">تم استخدامه</span>
                                            @elseif($row->trashed())
                                                <span class="badge badge-danger">غير فعال</span>
                                            @else
                                                <span class="badge badge-success">فعال</span>
                                            @endif
                                        </td>

                                        <td>

                                            @if(!check_coupon_user($row) && !is_coupon_expired($row) && !$row->trashed())
                                                <a href="{{route('dashboard.coupons.edit', $row->id)}}" class="btn btn-primary btn-sm" data-toggle="tooltip" data-theme="dark" title="تعديل الكود"><i class="flaticon-edit"></i></a>
                                            @endif

                                            @if($row->trashed())
                                                <form method="POST" action="{{route('dashboard.coupons.restore', $row->id)}}" style="display: inline-block" class="m-0">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-success btn-sm" data-toggle="tooltip" data-theme="dark" title="استعادة الكود"><i class="fa fa-trash-restore"></i></button>
                                                </form>
                                            @else
                                                @if(!check_coupon_user($row) && !is_coupon_expired($row))
                                                    <form method="POST" action="{{route('dashboard.coupons.destroy', $row->id)}}" style="display: inline-block" class="m-0">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-danger btn-sm" data-toggle="tooltip" data-theme="dark" title="ايقاف الكود"><i class="flaticon2-cross"></i></button>
                                                    </form>
                                                @endif
                                            @endif

                                            @if(can('can view history coupons'))
                                                <a href="{{route('dashboard.coupons.history', $row->id)}}" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-theme="dark" title="عرض السجل"><i class="fa fa-history"></i></a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td>لا يوجد نتائج بعد</td>
                                </tr>
                            @endif
                            </tbody>
                        </table>
                    </div>
                    <!--end::Table-->

                    {{$rows->withQueryString()}}
                </div>
            </div>
        </div>
    </div>
    <!-- End Row -->
@endsection