@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Lazada Resend Email</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <form id="form_campaign_donasi" class="form-horizontal">
                <div class="row">
                    <div class="col-xs-12">
                        <ol class="breadcrumb">
                            <li><a href="{{ route('dashboard') }}">Home</a></li>
                            <li><a href="#">Ecommerce</a></li>
                            <li class="active">Resend email</li>
                        </ol>
                    </div>

                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Lazada resend email</h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <form id="form" method="get">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Order ID :</label>
                                        <div class="col-sm-10">
                                            <input name="orderid" type="text" class="form-control"
                                                placeholder="Lazada Order ID" value="{{ $order->order_id or '' }}">
                                        </div>
                                    </div>

                                    @if($error_message)
                                    <div class="form-group">
                                        <div class="col-sm-offset-2 col-sm-10">
                                            <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                            <div class="alert alert-danger" role="alert"><strong>Oh snap!</strong>
                                                {{ $error_message }}
                                                <div class="submit">
                                                    <button type="button" class="btn btn-default btn-recreate-voucher"
                                                        data-id="{{ $order->order_id }}"></i> Click here to create
                                                        e-voucher</button>
                                                </div>
                                            </div>
                                        </div>
                                        @endif

                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <button type="submit" class="btn btn-default"><i class="fa fa-search"
                                                        aria-hidden="true"></i> Search</button>
                                            </div>
                                        </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    @if(isset($order->responses))
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Result</h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <form id="form-resend">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Order ID :</label>
                                        <div class="col-sm-10">
                                            <p class="form-control-static">{{ $order->order_id }}</p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Order date :</label>
                                        <div class="col-sm-10">
                                            <p class="form-control-static">{{ $order->responses["created_at"] }}</p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Order total :</label>
                                        <div class="col-sm-10">
                                            <p class="form-control-static">Rp. {{ $order->total_price }}</p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Processed date :</label>
                                        <div class="col-sm-10">
                                            <p class="form-control-static">{{ $order->created_at }}</p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Products :</label>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <table class="table table-striped table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">No.</th>
                                                        <th class="text-center">Order item id</th>
                                                        <th class="text-center">Product name</th>
                                                        <th class="text-center">Product image</th>
                                                        <th class="text-center">Product price</th>
                                                        <th class="text-center">Voucher code</th>
                                                        <th class="text-center">Email</th>
                                                        <th class="text-center">Redeemed date</th>
                                                        <th class="text-center">Customer</th>
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>

                                                <tbody>
                                                    @foreach($order->lazada_voucher_detail as $index=> $item)
                                                    <tr>
                                                        <td class="text-center">{{ $loop->iteration }}</td>
                                                        <td class="text-center">{{ $item->order_item_id }}</td>
                                                        <td class="text-center"><a
                                                                href="{{ $item->responses["product_detail_url"] }}"
                                                                target="_blank">{{ $item->responses["name"] }}</a></td>
                                                        <td class="text-center"><img
                                                                src="{{ $item->responses["product_main_image"] }}"
                                                                height="50" /></td>
                                                        <td class="text-center">{{ $item->responses["item_price"] }}
                                                        </td>
                                                        <td class="text-center">
                                                            {{ $item->campaign_voucher->voucher_code }}</td>
                                                        <td class="text-center">
                                                            {{ $item->responses["digital_delivery_info"] }}</td>
                                                        <td class="text-center">
                                                            {{ $item->campaign_voucher->tanggal_pakai }}</td>
                                                        <td>
                                                            @if($item->campaign_voucher->customer)
                                                            {{ $item->campaign_voucher->customer->code }}<br>
                                                            {{ $item->campaign_voucher->customer->name }}<br>
                                                            {{ $item->campaign_voucher->customer->email }}<br>
                                                            {{ $item->campaign_voucher->customer->handphone }}
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            <button type="button" onclick="resendEmail('{{ $item->id }}')">Resend Email</button>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-12 text-center">
                                            <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                            <div class="submit">
                                                @if($order->lazada_voucher_detail->count() > 0)
													<button type="button" class="btn btn-default btn-resend-voucher"
                                                    data-id="{{ $order->order_id }}"><i class="fa fa-share"
                                                        aria-hidden="true"></i> Resend e-voucher</button>
                                                @else
													<button type="button" class="btn btn-warning"
                                                    onclick="create_voucher('{{ $order->order_id }}')"><i class="fa fa-file-o"
                                                        aria-hidden="true"></i> Create Voucher</button>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </form>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">
    function resend_voucher() {
        $("#form-resend").find('.loading').removeClass('hidden');
        $("#form-resend").find('.submit').addClass('hidden');

        $.ajax({
            url: 'resend/resend',
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                id : $("#form-resend").find(".btn-resend-voucher").data("id")
            }
        })
        .done(function(response) {
            alert("Voucher email sent");
            location.reload();
        }).error(function(response) {
            var data = response.responseJSON;
            alert(data.error);
            $("#form-resend").find('.loading').addClass('hidden');
            $("#form-resend").find('.submit').removeClass('hidden');
        });
        return false;
    }
    function resendEmail(id) {
        $.ajax({
            url: 'resend/resend_per_item',
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                id : id
            }
        })
        .done(function(response) {
            alert("Voucher email sent");
            location.reload();
        }).error(function(response) {
            var data = response.responseJSON;
            alert(data.error);
        });
        return false;
    }

    function recreate_voucher() {
        $("#form").find('.loading').removeClass('hidden');
        $("#form").find('.submit').addClass('hidden');

        console.log($(".btn-recreate-voucher").data("id"));
        console.log('tes');
        $.ajax({
            url: 'resend/recreate_voucher',
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                id : $(".btn-recreate-voucher").data("id")
            }
        })
        .done(function(response) {
            alert("Recreate Voucher Success");
            location.reload();
        }).error(function(response) {
            var data = response.responseJSON;
            alert(data.error);
            $("#form").find('.loading').addClass('hidden');
            $("#form").find('.submit').removeClass('hidden');
        });
        return false;
    }
	

    function create_voucher(orderId) {
		
		if (confirm('Apakah Anda yakin ingin membuat voucher untuk order ID '+orderId+' ?') == true) {
			$.ajax({
				url: 'resend/recreate_voucher_new',
				method: "POST",
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				},
				data: {
					id : orderId
				}
			})
			.done(function(response) {
				alert("Create Voucher Success");
			}).error(function(response) {
				var data = response.responseJSON;
				alert(data.error);
			});
			return false;
		}
    }

    $(document).ready(function() {
        $(".btn-resend-voucher").on("click", resend_voucher);
        $(".btn-recreate-voucher").on("click", recreate_voucher);
    });
</script>
@endsection