@extends('layouts.ommsub')

@section('content')
<div class="body apply">
    <div class="col-md-12 title">
        <h4>เปิดบัญชีใหม่</h4>
    </div>
    <div class="select-account-type">
        <div class="col-xs-12">
            <p>เลือกประเภทบัญชี</p>
        </div>
        
        ​<div class="col-xs-12 account-types">
            <div class="col-xs-4 account-type selected" onclick="clickAccountType(this, 'D')">
                <p>เงินฝาก</p>
            </div>
            <div class="col-xs-4 account-type" onclick="clickAccountType(this, 'L')">
                <p>เงินกู้</p>
            </div>
            <!-- <div class="col-xs-4 account-type" onclick="clickAccountType(this)">
                <p>ฝากประจำ</p>
            </div> -->
        </div>
        <div class="col-xs-12" style="padding-top: 20px;">
            <button type="button" class="btn" onclick="clickButton()">ตกลง</button>
        </div>
    </div>
</div>
<script>
    // jQuery(document).ready(function () {
    //     jQuery('.account-type').on('click', function () {
    //         jQuery('.account-type').removeClass('selected');
    //         jQuery(this).addClass('selected');
    //         console.log();
    //     });
    // });
    var acctype = 'D';
    function clickAccountType(el, account_type) {
        jQuery('.account-type').removeClass('selected');
        jQuery(el).addClass('selected');
        acctype = account_type;
    }
    function clickButton() {
        if (acctype) {
            console.log(acctype);
            window.location.href = "{{ url('/create-account') }}/"+acctype;
        }
    }
</script>
@endsection