@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />
@endsection

@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>Campaign</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <form id="form" class="form-horizontal">
                    <div class="row">
                        <div class="col-xs-12">
                            <ol class="breadcrumb">
                                <li><a href="{{ url('/dashboard') }}">Home</a></li>
                                <li><a href="{{ url('/campaign') }}">Sponsor & Campaign</a></li>
                                <li><a href="{{ url('/campaign') }}">Voucher Nominal</a></li>
                                <li class="active">Detail</li>
                            </ol>
                        </div>

                        <div class="col-xs-12">
                            <div class="x_panel">
                                <div class="x_title row">
                                    <div class="col-md-6">
                                        <h2>Campaign Detail</h2>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="text-right">
                                            @if ($campaign->disable_multiple_redemption != 1)
                                                <button type="button"
                                                    class="btn btn-sm btn-success btn-disable-multiple-redemption"
                                                    curr_stat="0">Disable Multiple Redemption</button>
                                            @else
                                                <button type="button"
                                                    class="btn btn-sm btn-danger btn-enable-multiple-redemption"
                                                    curr_stat="{{ $campaign->disable_multiple_redemption }}">Enable Multiple
                                                    Redemption</button>
                                            @endif

                                            @if ($campaign->is_aktif == '0')
                                                <button type="button"
                                                    class="btn btn-sm btn-success btn-activate">Activate</button>
                                            @else
                                                <button type="button"
                                                    class="btn btn-sm btn-danger btn-blockir">Blokir</button>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="x_content">
                                    <div class="col-xs-12 col-sm-9">

                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-2 control-label">Nama Campaign :</label>
                                            <div class="col-xs-12 col-sm-5">
                                                <p class="form-control-static">{{ $campaign->campaign }}</p>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-2 control-label">Sponsor :</label>
                                            <div class="col-xs-12 col-sm-5">
                                                <p class="form-control-static">{{ @$campaign->sponsor->name }}</p>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-2 control-label">Berlaku Sampai :</label>
                                            <div
                                                class="col-xs-12 col-sm-5 @if (strtotime($campaign->berlaku_sampai) < strtotime('now')) alert-danger @endif">
                                                <p class="form-control-static">
                                                    {{ date('d F Y H:i:s', strtotime($campaign->berlaku_sampai)) }}</p>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-2 control-label">Status :</label>
                                            <div
                                                class="col-xs-12 col-sm-5 @if ($campaign->is_aktif == '0') alert-danger @endif">
                                                <p class="form-control-static">
                                                    @if ($campaign->is_aktif == '0')
                                                        Tidak Aktif
                                                    @elseif($campaign->is_aktif == '1')
                                                        Aktif
                                                    @endif
                                                </p>
                                            </div>
                                        </div>
                                        <form id="form">
                                            <div class="form-group">
                                                <label class="col-xs-12 col-sm-2 control-label">Kode Voucher :</label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <input type="text" name="search" class="form-control"
                                                        placeholder="Masukan kode voucher">
                                                    {{-- <p class="form-control-static">{{ date('d F Y H:i:s', strtotime($campaign->berlaku_sampai)) }}</p> --}}
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-xs-12 col-sm-2 control-label">Sponsor :</label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <select name="sponsor_" id="sponsor_" class="form-control">
                                                        <option value="lazada">Lazada</option>
                                                        <option value="lainnya">Lainnya</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-xs-12 col-sm-2 control-label">Nomor Pesanan :</label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <input type="text" name="nomor_pesanan" class="form-control"
                                                        placeholder="Masukan Nomer pesanan">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="buy_price" class="col-sm-2 col-form-label text-right"></label>
                                                <div class="col-sm-6">
                                                    <button type="submit" class="btn btn-primary">
                                                        <span><i class="fa fa fa-spinner fa-spin loading hidden"
                                                                aria-hidden="true"></i></span>
                                                        <span class="submit">Search</span>
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>List Voucher</h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <div class="form-group">
                                        <table width="100%" id="table-voucher"
                                            class="table table-striped table-bordered table-hover">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">Kode Voucher</th>
                                                    <th class="text-center">Nominal</th>
                                                    <th class="text-center">Status</th>
                                                    <th class="text-center">Remark</th>
                                                    <th class="text-center">Tanggal Pakai</th>
                                                    <th class="text-center">Customer</th>
                                                    <th class="text-center">Sales Order</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($camp_detail as $item_voucher)
                                                    <tr>
                                                        <td class="text-center">
                                                            @php
                                                            $vcode = $item_voucher->voucher_code;
                                                            $vcode = substr($vcode, 0, 4) . '****' . substr($vcode, 8);
                                                        @endphp

                                                            @if ($item_voucher->status == '1')
                                                                {{ $vcode }}
                                                            @else
                                                                <div class="checkbox"><label><input type="checkbox"
                                                                            name="chkVoucher[]"
                                                                            value="{{ encrypt($item_voucher->voucher_code) }}">{{ $vcode }}</label>
                                                                </div>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">Rp.
                                                            {{ number_format($item_voucher->nominal) }}</td>
                                                        <td class="text-center">
                                                            @if ($item_voucher->status == '0')
                                                                Belum Terpakai
                                                            @elseif($item_voucher->status == '1')
                                                                Terpakai
                                                            @elseif($item_voucher->status == '2')
                                                                Diblok
                                                            @elseif($item_voucher->status == '-1')
                                                                Belum Aktif
                                                            @endif
                                                        </td>
                                                        <td>{{ $item_voucher->remark }}</td>
                                                        <td class="text-center">
                                                            @if ($item_voucher->status == '1')
                                                                {{ strftime('%d %B %Y %R', strtotime($item_voucher->tanggal_pakai)) }}
                                                            @else
                                                                -
                                                            @endif
                                                        </td>
                                                        <td>
                                                            {{ @$item_voucher->customer->code }}<br>
                                                            {{ @$item_voucher->customer->name }}<br>
                                                            {{ @$item_voucher->customer->email }}<br>
                                                            {{ @$item_voucher->customer->handphone }}<br>
                                                            {{ @$item_voucher->transaksi->code }}<br>
                                                            {{ @$item_voucher->so_invoice_item->so_invoice->invoice_code }}
                                                        </td>
                                                        <td>
                                                            @if ($campaign->id_sponsor == 23)
                                                                @php
                                                                    $voucher_header = json_decode($item_voucher->lazada_voucher_detail->lazada_voucher->responses, true);
                                                                    $voucher_detail = json_decode($item_voucher->lazada_voucher_detail->responses, true);
                                                                @endphp
                                                                <div style="border: 0px solid #f00; min-width: 250px;">
                                                                    <div>Order ID :
                                                                        {{ $item_voucher->lazada_voucher_detail->lazada_voucher->order_id }}
                                                                    </div>
                                                                    <div>Email Lazada :
                                                                        {{ $voucher_detail['digital_delivery_info'] }}
                                                                    </div>
                                                                    <div>Tanggal SO :
                                                                        {{ \Carbon\Carbon::parse($voucher_header['created_at'])->format('Y-m-d H:i') }}
                                                                    </div>
                                                                    <div>Payment (Rp) :
                                                                        {{ number_format($voucher_detail['paid_price']) }}
                                                                    </div>
                                                                </div>
                                                            @else
                                                                {{--
                                                                @if ($item_voucher->so_invoice_item)
                                                                    <div style="border: 0px solid #f00; min-width: 250px;">
                                                                        <div>Invoice Code : {{ $item_voucher->so_invoice_item->so_invoice->invoice_code }}</div>
                                                                        <div>Tanggal SO : {{ $item_voucher->so_invoice_item->so_invoice->so->so_date }}</div>
                                                                    </div>
                                                                @endif
                                                            --}}
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                            <tfoot>
                                                <td class="text-center" colspan="6">{{ $camp_detail->render() }}</td>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Harga</h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Diskon / Premium :</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <p class="form-control-static">Rp.
                                                {{ number_format($campaign->diskon_premium) }},-</p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Grand Total :</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <p class="form-control-static">Rp.
                                                {{ number_format($campaign->grand_total) }},-</p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="alert_placeholder"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            @include('includes.footer')
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        var id_campaign = "{{ $campaign->id }}";
    </script>
    <script src="{{ asset('/js/sponsor_campaign/voucher_nominal/detail.js') }}"></script>
@endsection