@extends('Admin.master_layout.master')

@section('title',getTitleInPage())

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 
            <a href="{{ url('ho-assign-setting') }}" title="Go to {{ getTitleInPage() }}" class="tip-bottom">
                {{ getTitleInPage() }}
            </a> 
            <a href="" class="current">
                Edit
            </a> 
        </div>
        <h1>{{ getTitleInPage() }} - Edit</h1>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                @foreach ($errors->all() as $error)
                <p class="alert alert-warning">{{ $error }}</p>
                @endforeach
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
                        <h5>{{ getTitleInPage() }} - Edit</h5>
                    </div>
                    <div class="widget-content nopadding">
                        <form action="{{ url('ho-assign-setting/store') }}" method="post" class="form-horizontal">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="id" value="{{ $hoAssignSetting->id }}" >
                            <input type="hidden" name="cr_identify" value="5">
                            <input type="hidden" name="dr_identify" value="5">
                            <input type="hidden" name="start_range" value="0">
                            <input type="hidden" name="end_range" value="365">
                            <div class="control-group">
                                <label class="control-label">Merchant Type* :</label>
                                <div class="controls">
                                <select class="span11" name="merchant_type_id" id="merchant_type_id">
                                        <option value="">Select Merchant Type</option>
                                        @foreach($TypeOfMerchant as $type)
                                        <option value="{{ $type->id }}" @if($hoAssignSetting->merchant_type_id == $type->id) selected @endif>{{ $type->name }}</option>
                                        @endforeach
                                </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Book* :</label>
                                <div class="controls">
                                <select class="span11" name="order_book_id" id="order_book_id">
                                        <option value="">Select Book</option>
                                        @if(count($OrderBook) > 0)
                                        @foreach($OrderBook as $val)
                                        <option value="{{ $val->id }}" @if($hoAssignSetting->order_book_id == $val->id) selected @endif>{{ $val->name }}</option>
                                        @endforeach
                                        @endif
                                </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Transaction Type* :</label>
                                <div class="controls">
                                <select class="span11" name="transaction_type_id" id="transaction_type_id">
                                        <option value="">Select Transaction Type</option>
                                        @foreach($transactionTypeObj as $Transaction)
                                        <option value="{{ $Transaction->id }}" @if($hoAssignSetting->transaction_type_id == $Transaction->id) selected @endif>{{ $Transaction->name }} ({{ $Transaction->slug }})</option>
                                        @endforeach
                                </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Document Group* :</label>
                                <div class="controls">
                                    <div class="subject-info-box-1">
                                        <select multiple="multiple" class="form-control" name="document_group_id_unselected[]" id="document_group_id1">

                                            @foreach($DocumentGroup as $val)
                                            @if($document_group_ids !== null && !in_array($val->id, $document_group_ids))
                                            <option value="{{ $val->id }}" >{{ $val->name }}</option>
                                            @elseif($document_group_ids == null)
                                            <option value="{{ $val->id }}" >{{ $val->name }}</option>
                                            @endif
                                            @endforeach

                                        </select>
                                    </div>

                                    <div class="subject-info-arrows text-center">
                                        <input type='button' id='document_group_idbtnAllRight' value='>>' class="btn btn-default" /><br />
                                        <input type='button' id='document_group_idbtnRight' value='>' class="btn btn-default" /><br />
                                        <input type='button' id='document_group_idbtnLeft' value='<' class="btn btn-default" /><br />
                                        <input type='button' id='document_group_idbtnAllLeft' value='<<' class="btn btn-default" />
                                    </div>

                                    <div class="subject-info-box-2">
                                        <select multiple="multiple" name="document_group_id[]" id='document_group_id2' class="form-control">
                                            @if(count($DocumentGroup) > 0)
                                            @foreach($DocumentGroup as $key => $val)
                                            @if($document_group_ids !== null && in_array($val->id, $document_group_ids))
                                            <option value="{{ $val->id }}" selected>{{ $val->name }} </option>
                                            @endif
                                            @endforeach
                                            @endif

                                        </select>
                                    </div>

                                </div>
                            </div>
                           
                            <div class="control-group">
                                <label class="control-label">Document Type* :</label>
                                <div class="controls">
                                    <div class="subject-info-box-1">
                                        <select multiple="multiple" class="form-control" name="dop_id_unselected[]" id="dop_id1">

                                            @foreach($DOP as $dop_id)
                                            @if($dop_ids !== null && !in_array($dop_id->id, $dop_ids))
                                            <option value="{{ $dop_id->id }}" >{{ $dop_id->title }}</option>
                                            @elseif($dop_ids == null)
                                            <option value="{{ $dop_id->id }}" >{{ $dop_id->title }}</option>
                                            @endif
                                            @endforeach

                                        </select>
                                    </div>

                                    <div class="subject-info-arrows text-center">
                                        <input type='button' id='dop_idbtnAllRight' value='>>' class="btn btn-default" /><br />
                                        <input type='button' id='dop_idbtnRight' value='>' class="btn btn-default" /><br />
                                        <input type='button' id='dop_idbtnLeft' value='<' class="btn btn-default" /><br />
                                        <input type='button' id='dop_idbtnAllLeft' value='<<' class="btn btn-default" />
                                    </div>

                                    <div class="subject-info-box-2">
                                        <select multiple="multiple" name="dop_id[]" id='dop_id2' class="form-control">
                                            @if(count($DOP) > 0)
                                            @foreach($DOP as $key => $dop_id)
                                            @if($dop_ids !== null && in_array($dop_id->id, $dop_ids))
                                            <option value="{{ $dop_id->id }}" selected>{{ $dop_id->title }} </option>
                                            @endif
                                            @endforeach
                                            @endif

                                        </select>
                                    </div>

                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Account Assignment :</label>
                                <div class="controls" id="AssingPermissionDOP">
                                    @if(count($dopArr) >  0)
                                    @foreach($dopArr as $key => $val)
                                    <a class="btn-rolevmerchant aunderline" href="javascript:void(0)" data-toggle="modal" data-id="{{ $val['dop_id'] }}" data-acdop="{{ $hoAssignSetting->id }}" data-merchant="{{ $hoAssignSetting->merchant_type_id }}" data-user-name="{{ $val['dop_name'] }}" data-target="#ViewModelMerchant"><span class="dopname"> <b>{{ $val['dop_name'] }}</b> </span></a>
                                        <br>
                                    @endforeach
                                    @endif
                                </div>
                            </div>
                            
                                                        
                            
                            
                            <div class="control-group">
                                <label class="control-label">ccb-Net :</label>
                                <div class="controls">
                                    <input type="checkbox" name="is_net_balance" value="1" @if($hoAssignSetting->is_net_balance == 1) checked @endif; id="is_net_balance">
                                </div>
                            </div>
                            
                            <div class="control-group">
                                <label class="control-label">Is Show DOP? :</label>
                                <div class="controls">
                                    <input type="checkbox" name="is_show_dop" value="1" @if($hoAssignSetting->is_show_dop == 1) checked @endif; id="is_show_dop">
                                </div>
                            </div>
                            <div class="control-group">
                            <label class="control-label">Amount Color :</label>
                            <div class="controls">
                            <div data-color-format="hex" data-color="#000000"  class="input-append color colorpicker">
                            <input type="text" value="{{ $hoAssignSetting->amount_colour }}" class="span11" name="amount_colour">
                            <span class="add-on"><i style="background-color: #000000"></i></span> </div>
                            </div>
                            </div>
                            
                            
                            <div class="control-group">
                                <label class="control-label">Status :</label>
                                <div class="controls">
                                    <select class="span11" name="status" required="">
                                        <option value="1" {{ ($hoAssignSetting->status == 1)?'selected':'' }}>Active</option>
                                        <option value="0" {{ ($hoAssignSetting->status == 0)?'selected':'' }}>Inactive</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-actions">
                                <button type="submit" class="btn btn-success">Save</button>
                                <a href="{{ url('ho-assign-setting') }}" class="btn btn-default rightClnBtn">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="ViewModelMerchant" class="modal hide" aria-hidden="true" tabindex="-1"  style="width:833px;left:43%;top:5%;">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>View Account Group  - <span id="MerchantName">  </span></h3>
    </div>
    <div class="modal-body" style="max-height: 600px;">
        <div class="widget-content nopadding">
           <div class="viewBodyMerchant">

           </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
     $('.btn-rolevmerchant').live('click', function () {
        trHTML = '';
        $('.viewBodyMerchant').html(trHTML);
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        var acId  = $(this).attr("data-acdop");
        var merchant_type  = $(this).attr("data-merchant");
        var transaction_type_id  = 0;
        var action  = 'list';

        $('#MerchantName').html(user_name);

        $.ajax({
            type: 'GET',
            url: "{{ url('/ho-assign-setting/dop-dr-cr') }}/" + id+'/'+acId+'/'+merchant_type+'/'+transaction_type_id+'/'+action,
            success: function (data) {
                $('.viewBodyMerchant').html(data);

            }
        });
        
    });
        
    function getDOPName(dop_id){
        var dopdiv1;
        var merchant_type_id = $('#merchant_type_id').val();
        $.ajax({
            url: "{{ url('get-dop-name-setting')}}/" + dop_id,
            type: "GET",
            //dataType: "json",
            success: function (data) {
                $('#AssingPermissionDOP').append('<a class="btn-rolevmerchant aunderline" href="javascript:void(0)" data-toggle="modal" data-id="'+dop_id+'" data-acdop="{{ $hoAssignSetting->id }}" data-merchant="'+merchant_type_id+'" data-user-name="'+data+'" data-target="#ViewModelMerchant"><span class="dopname"> <b>  '+data+'</b> </span></a></br>');
            }
        });
    }
    function showdopassing(){
        dopdiv = '';
        var dop_id2 = $('#dop_id2').val();
        var dop_id2Arr = new Array(); //storing the selected values inside an array
        $('#AssingPermissionDOP').empty();
        $.each(dop_id2, function (i, dopid) {
           getDOPName(dopid);
        });
    }
    (function () {
        $('#account_headbtnRight').click(function (e) {

            var selectedOpts = $('#account_head1 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#account_head2').append($(selectedOpts).clone());
            $('#account_head2 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#account_headbtnAllRight').click(function (e) {
            var selectedOpts = $('#account_head2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#account_head2').append($(selectedOpts).clone());
            $('#account_head2 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#account_headbtnLeft').click(function (e) {
            var selectedOpts = $('#account_head2 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#account_head1').append($(selectedOpts).clone());
            $('#account_head1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
            $('#account_head2 > option').attr('selected', 'selected');
        });

        $('#account_headbtnAllLeft').click(function (e) {
            var selectedOpts = $('#account_head2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#account_head1').append($(selectedOpts).clone());
            $('#account_head1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));
    
    (function () {
        $('#dop_idbtnRight').click(function (e) {

            var selectedOpts = $('#dop_id1 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#dop_id2').append($(selectedOpts).clone());
            $('#dop_id2 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
            showdopassing();
        });

        $('#dop_idbtnAllRight').click(function (e) {
            var selectedOpts = $('#dop_id1 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#dop_id2').append($(selectedOpts).clone());
            $('#dop_id2 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
            showdopassing();
        });

        $('#dop_idbtnLeft').click(function (e) {
            var selectedOpts = $('#dop_id2 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#dop_id1').append($(selectedOpts).clone());
            $('#dop_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
            $('#dop_id2 > option').attr('selected', 'selected');
            showdopassing();
        });

        $('#dop_idbtnAllLeft').click(function (e) {
            var selectedOpts = $('#dop_id2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#dop_id1').append($(selectedOpts).clone());
            $('#dop_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
            showdopassing();
        });
    }(jQuery));
    function getpaymentModeByHo(merchant_id) {
        var token = $('input[name="_token"]').val();
        $.ajax({
            url: "{{ url('/get-merchant-payment-modes/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                $('#transaction_id1').empty();
                $('#transaction_id2').empty();
                //console.log(data);
                //$('#order_book_id').append('<option value="">Select Book</option>');
                $.each(data, function(key, value) {
                    var oldid = "{{ Input::old('payment_modes_id') !== null ?Input::old('payment_modes_id'):0 }}";
                    var hoSelecte = '';
                    if (oldid == value.id) {
                        hoSelecte = 'selected';
                    }
                    $('#transaction_id1').append('<option value="' + value.id + '" ' + hoSelecte + '>' + value.name + '</option>');
                });
            }
        });
    }
    $('#merchant_id').on('change', function () {
        var merchant_id = $(this).val();
        var token = $('input[name="_token"]').val();
        $.ajax({
            url: "{{ url('/account-assignment/get-mer-head/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
                
                $('#account_head1').empty();
                $.each(data, function (key, value) {
                    $('#account_head1').append('<option value="' + value.id + '">' + value.name + '</option>');
                });

                $('#dr_account_head').empty();
                $('#dr_account_head').append('<option value="">Select*</option>');
                $.each(data, function (key, value) {
                    $('#dr_account_head').append('<option value="' + value.id + '">' + value.name + '</option>');
                });


                $('#cr_account_head').empty();
                $('#cr_account_head').append('<option value="">Select*</option>');
                $.each(data, function (key, value) {
                    $('#cr_account_head').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
        });

        $.ajax({
            url: "{{ url('/account-assignment/get-mer-group/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
                
                $('#dr_account_group').empty();
                $('#dr_account_group').append('<option value="">Select Account Group</option>');
                $.each(data, function (key, value) {
                    $('#dr_account_group').append('<option value="' + value.id + '">' + value.name + '</option>');
                });


                $('#cr_account_group').empty();
                $('#cr_account_group').append('<option value="">Select Account Group</option>');
                $.each(data, function (key, value) {
                    $('#cr_account_group').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
        });
        getOrderBookByMerchant(merchant_id);
        getpaymentModeByHo(merchant_id);
    });

    $('#enterprise_id').on('change', function () {
        var enterprise_id = $(this).val();
        var token = $('input[name="_token"]').val();
        $.ajax({
        url: "{{ url('/merchant/get-ho-branch/')}}/" + enterprise_id,
        type: "GET",
        dataType: "json",
        success: function (data) {
        $('#merchant_id').empty();
        $('#merchant_id').append('<option value="">Select Merchant HO</option>');
        $.each(data, function (key, value) {
            $('#merchant_id').append('<option value="' + value.id + '">' + value.name + '</option>');
        });
    }
    });
    });

    $('#dr_account_group').on('change', function () {
        var dr_account_group = $(this).val();
        var merchant_id = $('#merchant_id').val();
        var token = $('input[name="_token"]').val();

        $.ajax({
            url: "{{ url('/account-head-by-merchant/')}}/" + dr_account_group+'/'+merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
                
                $('#dr_account_head').empty();
                //$('#cr_account_head').empty();
                $('#dr_account_head').append('<option value="">Select*</option>');
                //$('#cr_account_head').append('<option value="">Select*</option>');
                $.each(data, function (key, value) {
                    $('#dr_account_head').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
                // $.each(data, function (key, value) {
                //     $('#cr_account_head').append('<option value="' + value.id + '">' + value.name + '</option>');
                // });
            }
        });
    });
    $('#cr_account_group').on('change', function () {
        var cr_account_group = $(this).val();
        var merchant_id = $('#merchant_id').val();
        var token = $('input[name="_token"]').val();

        $.ajax({
            url: "{{ url('/account-head-by-merchant/')}}/" + cr_account_group+'/'+merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
                $('#cr_account_head').empty();
                $('#cr_account_head').append('<option value="">Select*</option>');
                $.each(data, function (key, value) {
                    $('#cr_account_head').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
        });
    });
    $('#dr_account_head').on('change', function () {
        var dr_account_head = $(this).val();
        var token = $('input[name="_token"]').val();
        if(dr_account_head > 0){
            $('#dr_identify').hide();
        }else{
            $('#dr_identify').show();
        }
        
    });
    $('#cr_account_head').on('change', function () {
        var cr_account_head = $(this).val();
        var token = $('input[name="_token"]').val();
        if(cr_account_head > 0){
            $('#cr_identify').hide();
        }else{
            $('#cr_identify').show();
        }
        
    });
    $('#agent_types_id').on('change', function() {
        var agent_types_id = $(this).val();
        var token = $('input[name="_token"]').val();

        $.ajax({
            url: "{{url('/rahebar/get-agent-type-rahebar/')}}",
            data: {
                agent_types_id: agent_types_id,
                _token: token
            },
            type: "POST",
            success: function(data) {
                $('#rahebar_id').empty();
                $('#rahebar_id').append('<option value="">Select Rahebar</option>');
                $.each(data, function(key, value) {
                    console.log(value.id);
                    $('#rahebar_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
        });
    });
    (function () {
        $('#rop_idbtnRight').click(function (e) {

            var selectedOpts = $('#rop_id1 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#rop_id2').append($(selectedOpts).clone());
            $('#rop_id2 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#rop_idbtnAllRight').click(function (e) {
            var selectedOpts = $('#rop_id1 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#rop_id2').append($(selectedOpts).clone());
            $('#rop_id2 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#rop_idbtnLeft').click(function (e) {
            var selectedOpts = $('#rop_id2 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#rop_id1').append($(selectedOpts).clone());
            $('#rop_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
            $('#rop_id2 > option').attr('selected', 'selected');
        });

        $('#rop_idbtnAllLeft').click(function (e) {
            var selectedOpts = $('#rop_id2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#rop_id1').append($(selectedOpts).clone());
            $('#rop_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));
    function getOrderBookByMerchant(merchant_id) {
        var token = $('input[name="_token"]').val();
        $.ajax({
            url: "{{ url('/merchant/get-order-book-by-merchant/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                $('#order_book_id').empty();
                console.log(data);
                $('#order_book_id').append('<option value="">Select Book</option>');
                $.each(data, function(key, value) {
                    var oldid = "{{ Input::old('order_book_id') !== null ?Input::old('order_book_id'):0 }}";
                    var hoSelecte = '';
                    if (oldid == value.id) {
                        hoSelecte = 'selected';
                    }
                    $('#order_book_id').append('<option value="' + value.id + '" ' + hoSelecte + '>' + value.name + '</option>');
                });
            }
        });
    }
    $('#document_group_id1').on('change', function () {
        var document_group_id = $(this).val();
        var token = '{{ csrf_token() }}';
        var merchantArray = new Array();//storing the selected values inside an array
        $('#document_group_id1 option:selected').each(function (i, selected) {
            merchantArray[i] = $(selected).val();
        });
        if(merchantArray){
            $.ajax({
            url: "{{ url('dop-by-group-as')}}",
            data: {data: merchantArray, _token: token},
            type: "POST",
            //dataType: "json",
            success: function (data) {
                $('#dop_id1').empty();
                $.each(data, function (key, value) {
                    $('#dop_id1').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
        });
        }else{
            $('#document_group_id1').empty();
        }

    });
    $('#transaction_status_group_id').on('change', function() {
    var transaction_status_group_id = $(this).val();
    var token = $('input[name="_token"]').val();
    $.ajax({
            url: "{{url('/transaction-status/group/')}}/"+transaction_status_group_id,
            type: "GET",
            success: function(data) {
                $('#transaction_status1').empty();
                $('#transaction_status2').empty();
                $.each(data, function(key, value) {
                    $('#transaction_status1').append('<option value="' + value.id + '">' + value.name + '</option>');
                });

                $('#view_transaction_status1').empty();
                $('#view_transaction_status2').empty();
                $.each(data, function(key, value) {
                    $('#view_transaction_status1').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
        });
  });
  function checkboxclick(mainId) {
    var checkedAll = $('#' + mainId).prop('checked');
     if(checkedAll == true){
        //$('#'+hideshowid).show();
        $('.addreq').html('*');
        $('#dr_account_group').prop('required',true);
        $('#cr_account_group').prop('required',true);
     }else{
        //$('#'+hideshowid).hide();
        $('.addreq').html('');
        $('#dr_account_group').prop('required',false);
        $('#cr_account_group').prop('required',false);
     }
  }
  (function () {
        $('#document_group_idbtnRight').click(function (e) {

            var selectedOpts = $('#document_group_id1 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#document_group_id2').append($(selectedOpts).clone());
            $('#document_group_id2 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#document_group_idbtnAllRight').click(function (e) {
            var selectedOpts = $('#document_group_id1 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#document_group_id2').append($(selectedOpts).clone());
            $('#document_group_id2 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#document_group_idbtnLeft').click(function (e) {
            var selectedOpts = $('#document_group_id2 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#document_group_id1').append($(selectedOpts).clone());
            $('#document_group_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
            $('#document_group_id2 > option').attr('selected', 'selected');
        });

        $('#document_group_idbtnAllLeft').click(function (e) {
            var selectedOpts = $('#document_group_id2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#document_group_id1').append($(selectedOpts).clone());
            $('#document_group_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));
</script>
@parent
@endsection