@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" />
<style>
.err_msg{
    border-radius:20px;
    padding:7px;
}

.overlay{
    position:
    absolute;
    width: 100%;
    height: 100%;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(160,160,160,0.5);
    z-index:2;
    cursor:pointer;
    margin:-5px 0 0 0;
    border-radius:20px;
    display:none;
}
</style>
@endsection

@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">        	
            @include('pages.campaign_sponsor.include_top')
            <div class="row">
                @include('pages.campaign_sponsor.include_breadcumb', ['current_page' => 'Campaign Baru'])
                @include('pages.campaign_sponsor.new.data')
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
    <script src="{{ url('/js/numberformat.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/4.1.0/autoNumeric.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.0.7/cleave.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    <script src="{{ url('/js/campaign_sponsor/campaign_sponsor_lakuemasbeli/campaign_sponsor_lakuemasbeli_new.min.js') }}"></script>
    <script>
        let maksimal_penggunaan_non_dynamic_code = '<option value="">--- Pilih Maksimal per periode ---</option>';
        @foreach($usage_type as $key => $item)
            maksimal_penggunaan_non_dynamic_code = maksimal_penggunaan_non_dynamic_code + '<option value="{{ $key }}">{{ $item }}</option>';
        @endforeach
        let maksimal_penggunaan_dynamic_code = '<option value="">--- Pilih Maksimal per periode ---</option><option value="1">Sekali</option>';

        let payment_method_non_dynamic_code = '';
        @foreach($payment_methods as $payment_method)
            payment_method_non_dynamic_code = payment_method_non_dynamic_code + '<option value="{{ $payment_method->id }}">{{ $payment_method->id }} - {{ $payment_method->label }}</option>';
        @endforeach
        let payment_method_dynamic_code = '<option value="4">Transfer VA Mandiri</option><option value="5">Transfer VA BNI</option><option value="6">Transfer VA Permata</option><option value="9">Transfer VA BCA</option><option value="19">Transfer VA BRI</option><option value="28">Saldo Akun</option>';

        $(document).ready(function() {
            $('#usage_type').html(maksimal_penggunaan_non_dynamic_code);
            $('#payment_method').html(payment_method_non_dynamic_code);
        })

        $('#campaign_sponsor_type').change(function() {
            if($(this).val() == 'dynamic_code') {
                $('#usage_type').html(maksimal_penggunaan_dynamic_code);
                $('#payment_method').html(payment_method_dynamic_code);
            }
            else {
                $('#usage_type').html(maksimal_penggunaan_non_dynamic_code);
                $('#payment_method').html(payment_method_non_dynamic_code);
            }
        })
    </script>
@endsection