@extends('layouts/pos_layout')
@section('title', '| Customer Configuration')
@section('content')

<div class="row add-data-form" style="height:100%">
    <div class="col-md-12">
            <div class="col-md-1"></div>
                <div class="col-md-10 fullbody">
                    <div class="viewTitle" style="border-bottom: 1px solid white;">
                        <a href="{{url('pos/viewCustomerConfig/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>Customer Configuration List</a>
                    </div>
                <div class="panel panel-default panel-border">
                        <div class="panel-heading">
                            <div class="panel-title">Customer Configuration</div>
                        </div>
                    <div class="panel-body">

                    <div class="row">

                        <ul class="nav nav-tabs" style="padding: 0px 25px 0px 25px;">
                            <li class="active"><a data-toggle="tab" href="#opening" style="padding-left: 78px; padding-right: 78px;">Opening Type</a></li>
                            <li><a data-toggle="tab" href="#regular" style="padding-left: 78px; padding-right: 78px;">Regular Type</a></li>
                        </ul>

                        <hr>

                        <div class="tab-content" id="formDiv">

                            <!-- Opening Type Form Start -->

                            <div class="col-md-12 tab-pane fade in active" id="opening">

                                {!! Form::open(array('url' => '' , 'enctype' => 'multipart/form-data',  'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}

                                    <div class="col-md-12">

                                        <div class="form-group">
                                            {!! Form::label('title', 'Title:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-5">
                                                {!! Form::text('title', 'Opening Customer', ['class' => 'form-control', 'id' => 'tittle', 'type' => 'text', 'readonly' => true]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('content_description', 'Description:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-5">
                                                {!! Form::textarea('content_description', $value = null, ['class' => 'form-control', 'id' => 'content_description', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Description']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('type', 'Type:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-5">
                                                <span> Cash </span> {!! Form::checkbox('cash', $value = null, true, ['id' => 'opening_cash']) !!}
                                                <span style="padding-left: 10px;"> Installment </span> {!! Form::checkbox('installment', $value = null, false, ['id' => 'opening_installment']) !!}
                                                <p id='opening_type' style="max-height:3px;"></p>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="col-md-6">

                                        <div class="form-group">
                                            {!! Form::label('father_name', 'Father Name:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('father_name', $value = null, false, ['id' => 'father_name']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('spouse_name', 'Spouse Name:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('spouse_name', $value = null, false, ['id' => 'spouse_name']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('email', 'Email:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('email', $value = null, false, ['id' => 'email']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('mobile', 'Mobile:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('mobile', $value = null, false, ['id' => 'mobile']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('national_id', 'National Id:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('national_id', $value = null, false, ['id' => 'national_id']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('present_address', 'Present Address:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('present_address', $value = null, false, ['id' => 'present_address']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('present_remark', 'Present Remark:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('present_remark', $value = null, false, ['id' => 'present_remark']) !!}
                                            </div>
                                        </div>

                                    </div>

                                    <div class="col-md-6">

                                        <div class="form-group">
                                            {!! Form::label('date_of_birth', 'Date Of Birth:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('date_of_birth', $value = null, false, ['id' => 'date_of_birth']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('image', 'Customer Image:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('image', $value = null, false, ['id' => 'image']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('yearly_income', 'Yearly Income:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('yearly_income', $value = null, false, ['id' => 'yearly_income']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('description', 'Description:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('description', $value = null, false, ['id' => 'description']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('permanent_address', 'Permanent Address:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('permanent_address', $value = null, false, ['id' => 'permanent_address']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('permanent_remark', 'Permanent Remark:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('permanent_remark', $value = null, false, ['id' => 'permanent_remark']) !!}
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="col-md-6"></div>
                                        <div class="form-group col-md-10 text-center">
                                            {!! Form::label('submit', ' ', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-12">
                                                {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                                <a href="{{url('pos/viewCustomerConfig/')}}" class="btn btn-danger closeBtn">Close</a>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <span id="success" style="color:green; font-size:20px;"></span>
                                        </div>
                                    </div>

                                {!! Form::close() !!}

                            </div>

                            <!-- Opening Type Form Stop -->


                            <!-- Regular Type Form Start -->

                            <div class="col-md-12 tab-pane fade" id="regular">

                                {!! Form::open(array('url' => '' , 'enctype' => 'multipart/form-data',  'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}

                                    <div class="col-md-12">

                                        <div class="form-group">
                                            {!! Form::label('title', 'Title:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-5">
                                                {!! Form::text('title', 'Regular Customer', ['class' => 'form-control', 'id' => 'tittle', 'type' => 'text', 'readonly' => true]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('description', 'Description:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-5">
                                                {!! Form::textarea('description', $value = null, ['class' => 'form-control', 'id' => 'description', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Description']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('type', 'Type:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-5">
                                                <span> Cash </span> {!! Form::checkbox('cash', $value = null, true, ['id' => 'regular_cash']) !!}
                                                <span style="padding-left: 10px;"> Installment </span> {!! Form::checkbox('installment', $value = null, false, ['id' => 'regular_installment']) !!}
                                                <p id='regular_type' style="max-height:3px;"></p>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="col-md-6">

                                        <div class="form-group">
                                            {!! Form::label('father_name', 'Father Name:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('father_name', $value = null, false, ['id' => 'father_name']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('spouse_name', 'Spouse Name:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('spouse_name', $value = null, false, ['id' => 'spouse_name']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('email', 'Email:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('email', $value = null, false, ['id' => 'email']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('mobile', 'Mobile:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('mobile', $value = null, false, ['id' => 'mobile']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('national_id', 'National Id:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('national_id', $value = null, false, ['id' => 'national_id']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('present_address', 'Present Address:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('present_address', $value = null, false, ['id' => 'present_address']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('present_remark', 'Present Remark:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('present_remark', $value = null, false, ['id' => 'present_remark']) !!}
                                            </div>
                                        </div>

                                    </div>

                                    <div class="col-md-6">

                                        <div class="form-group">
                                            {!! Form::label('date_of_birth', 'Date Of Birth:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('date_of_birth', $value = null, false, ['id' => 'date_of_birth']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('image', 'Customer Image:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('image', $value = null, false, ['id' => 'image']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('yearly_income', 'Yearly Income:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('yearly_income', $value = null, false, ['id' => 'yearly_income']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('description', 'Description:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('description', $value = null, false, ['id' => 'description']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('permanent_address', 'Permanent Address:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('permanent_address', $value = null, false, ['id' => 'permanent_address']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('permanent_remark', 'Permanent Remark:', ['class' => 'col-sm-3 control-label']) !!}
                                            <div class="col-sm-9">
                                                {!! Form::checkbox('permanent_remark', $value = null, false, ['id' => 'permanent_remark']) !!}
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="col-md-6"></div>
                                        <div class="form-group col-md-10 text-center">
                                            {!! Form::label('submit', ' ', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-12">
                                                {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                                <a href="{{url('pos/viewCustomerConfig/')}}" class="btn btn-danger closeBtn">Close</a>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <span id="success" style="color:green; font-size:20px;"></span>
                                        </div>
                                    </div>

                                {!! Form::close() !!}

                            </div>

                            <!-- Regular Type Form Start -->

                        </div>

                    </div>

                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>
@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script type="text/javascript">

$(document).ready(function(){

    $('form').submit(function( event )
    {
        event.preventDefault();
        var formData = new FormData($(this)[0]);


        $.ajax({
            type: 'post',
            url: './addCustomerConfigItem',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            dataType: 'json',
            success: function(_response)
            {
                if(_response.errors)
                {
                    if(_response.errors['cash'] && _response.type == 'Opening Customer')
                    {
                        $('#opening_type').empty();
                        $('#opening_type').show();
                        $('#opening_type').append('<span class="errormsg" style="color:red;">'+_response.errors.cash+'</span>');

                    }
                    else if(_response.errors['installment'] && _response.type == 'Opening Customer')
                    {
                        $('#opening_type').empty();
                        $('#opening_type').show();
                        $('#opening_type').append('<span class="errormsg" style="color:red;">'+_response.errors.installment+'</span>');

                    }
                    else if(_response.errors['cash'] && _response.type == 'Regular Customer')
                    {
                        $('#regular_type').empty();
                        $('#regular_type').show();
                        $('#regular_type').append('<span class="errormsg" style="color:red;">'+_response.errors.cash+'</span>');

                    }
                    else if(_response.errors['installment'] && _response.type == 'Regular Customer')
                    {
                        $('#regular_type').empty();
                        $('#regular_type').show();
                        $('#regular_type').append('<span class="errormsg" style="color:red;">'+_response.errors.installment+'</span>');

                    }
                }
                else
                {
                    if(_response.responseTitle == 'success')
                    {
                        $("#formDiv").load(location.href + " #formDiv>*", "");
                        toastr.success(_response.responseText);

                        setTimeout(function(){
                            window.location.reload(1);
                        }, 1000);

                    }
                    else
                    {
                        toastr.error(_response.responseText);
                    }
                }

            },
            error: function( _response )
            {
                // Handle error
                alert(_response.errors);

            }

        });
    });

    $('#opening_cash').change(function()
    {
        if(!this.checked)
        {
            document.getElementById("opening_installment").checked = true;
            $('#opening_type').show();
        }
        else
        {
            document.getElementById("opening_installment").checked = false;
            $('#opening_type').hide();
        }
    });

    $('#opening_installment').change(function()
    {
        if(!this.checked)
        {
            document.getElementById("opening_cash").checked = true;
            $('#opening_type').show();
        }
        else
        {
            document.getElementById("opening_cash").checked = false;
            $('#opening_type').hide();
        }
    });

    $('#regular_cash').change(function()
    {
        if(!this.checked)
        {
            document.getElementById("regular_installment").checked = true;
            $('#regular_type').show();
        }
        else
        {
            document.getElementById("regular_installment").checked = false;
            $('#regular_type').hide();
        }
    });

    $('#regular_installment').change(function()
    {
        if(!this.checked)
        {
            document.getElementById("regular_cash").checked = true;
            $('#regular_type').show();
        }
        else
        {
            document.getElementById("regular_cash").checked = false;
            $('#regular_type').hide();
        }

    });

});

</script>