@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">List</li>
                        </ol>
                    </div>

                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Filter</h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <form id="form_filter" class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-2 control-label">Date Start</label>
                                    <div class="col-xs-12 col-sm-10">
                                        <input name="date_start" type="date" class="form-control" placeholder="Date Start" @if(!empty($_GET['date_start'])) value="{{ $_GET['date_start'] }}" @endif>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-2 control-label">Date End</label>
                                    <div class="col-xs-12 col-sm-10">
                                        <input name="date_end" type="date" class="form-control" placeholder="Date End" @if(!empty($_GET['date_end'])) value="{{ $_GET['date_end'] }}" @endif>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-2 control-label">Voucher Code</label>
                                    <div class="col-xs-12 col-sm-10">
                                        <input id="vcode" name="vcode" class="form-control" placeholder="Min. 4 characters & can be multiple voucher code"@if(!empty($_GET['vcode'])) value="{{ $_GET['vcode'] }}" @endif>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-offset-2 col-sm-10">
                                        <div class="alert_placeholder"></div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-offset-2 col-sm-10">
                                        <button type="submit" class="btn btn-default">Search</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>List Campaign</h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-center">No.</th>
                                            <th class="text-center">Campaign Name</th>
                                            <th class="text-center">Sponsor Name</th>
                                            <th class="text-center">Total Voucher Aktif</th>
                                            <th class="text-center">Status</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($list_campaign as $item)
                                            <tr>
                                                <td class="text-center"><p class="form-control-static">{{ $loop->iteration }}</p></td>
                                                <td class="text-center"><p class="form-control-static">{{ $item->campaign }}</p></td>
                                                <td class="text-center"><p class="form-control-static">{{ @$item->sponsor->name }}</p></td>
                                                <td class="text-center"><p class="form-control-static">{{ count($item->campaign_voucher) }}</p></td>
                                                <td class="text-center"><p class="form-control-static">
                                                    @if($item->is_aktif == '0') Tidak aktif
                                                    @else Aktif
                                                    @endif
                                                </p></td>
                                                <td class="text-center">
                                                    <a href="{{ route('sponsor_campaign_voucher_nominal_detail', ['id' => $item->id]) }}" class="btn btn-sm btn-default"><i class="fa fa-search" aria-hidden="true"></i></a>
                                                    <a href="{{ route('sponsor_campaign_voucher_nominal_download', ['campaign_id' => encrypt($item->id)]) }}" class="btn btn-sm btn-default"><i class="fa fa-download" aria-hidden="true"></i></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
<script>
$(function(){
	$("#menu_toggle > .fa-bars").trigger("click");
	$("#vcode").on("paste", function(e){val = $.trim(e.originalEvent.clipboardData.getData('text'));if(val.length==14) {$(this).val(val.replace(/-/g,""));$("button.btn-default").trigger("click");return false;}}).on("drop",function(e){
		cmp = $(this);
		e.originalEvent.dataTransfer.items[1].getAsString(function(str)
		{val = $.trim(str);if(val.length==14) {$(cmp).val(val.replace(/-/g,""));$("button.btn-default").trigger("click");}});
	});
});
</script>
@endsection