@extends("admin.layouts.app")
@section("styles")
<link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.css"
      rel="stylesheet" type="text/css"/>

@endsection
@section("content")
<div class="row">
    <div class="col-md-12">
        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-list font-green"></i>
                    <span class="caption-subject font-green bold uppercase">Coupons</span>
                </div>
                  <div class="actions">
                <a href="{{route("admin.coupons.create")}}" class="btn btn-primary">
                    <i class="fa fa-plus"></i> Create </a>

                  <a href="{{url(request()->fullUrlWithQuery(["export"=>true],request()->query()))}}" class="btn  btn-warning">
                      <i class="fa fa-document"></i>Export</a>
            </div>
            </div>
            <div class="portlet-body">
                <div class="table-scrollable">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th> Code </th>
                                <th class="text-left"> Customer</th>
                                <th class="text-left"> Invoice Number</th>
                                <th class="text-left"> Is Redeemed</th>
                                <th class="text-left"> Campaign</th>
                                <th class="text-left"> Value</th>
                                <th> @lang("constants.options") </th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($coupons as $coupon)
                            <tr>
                                <td>
                                    {{$coupon->code}}
                                </td>
                                <td>
                                    @if($coupon->customer)
                                    <a target="_blank"
                                       href="{{route("admin.customers.index",["mobile"=>$coupon->customer->mobile])}}">{{$coupon->customer->full_name}}
                                    @else
                                        -
                                    @endif
                                </td>


                                <td>
                                    {{$coupon->invoice_number ? $coupon->invoice_number:"-"}}
                                </td>

                                <td class="text-center">
                                    <a href="#" data-type="redeemed" data-class="Coupon" data-id="{{$coupon->id}}"
                                       id="{{$coupon->id}}" class="attribute redeemed">@if ($coupon->redeemed)
                                            <i class="fa fa-check text-success fs15 pr5"></i>
                                        @else
                                            <i class="fa fa-times text-danger fs15 pr5"></i>
                                        @endif</a>
                                </td>


                                <td>
                                    {{$coupon->coupon_campaign ? $coupon->coupon_campaign->name:"-"}}
                                </td>
                                <td>
                                    {{$coupon->coupon_campaign->type=="flat" ? $coupon->coupon_campaign->value:$coupon->coupon_campaign->value."%"}}
                                </td>



                                <td>
                                    {{Form::open(['route'=>["admin.coupons.destroy",$coupon->id],'method'=>"delete"])}}
                                    <a href="{{route("admin.coupons.edit",$coupon->id)}}"
                                       class="btn btn-outline btn-sm purple" title="Edit"><i
                                            class="fa fa-edit"></i> @lang("constants.edit")</a>
                                    <input type="hidden" name="campaign" value="{{request()->get("campaign")}}">
                                    <button onclick="return confirm('are you sure?')" type="submit" class="btn btn-outline btn-sm red" title="Delete"><i class="fa fa-trash"></i> @lang("constants.delete")</button>
                                    {!! Form::close() !!}
                                </td>
                            </tr>
                            @empty
                            @endforelse
                        </tbody>
                         <tfoot>
                            <tr>
                                <td colspan="8">
                                    {!! $coupons->links()!!}
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
        <script src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.js"
                type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#list').nestable({maxDepth: 2});
                update_out('#list', "#reorder");

                $('#list').on('change', function () {
                    var out = $('#list').nestable('serialize');
                    $('#reorder').val(JSON.stringify(out));
                });



    });

    function update_out(selector, sel2){
        var out = $(selector).nestable('serialize');
        $(sel2).val(JSON.stringify(out));
    }

</script>
@include("admin.layouts.update_attribute")
@endsection