@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="" class="current">
                {{ getTitleInPage() }}
            </a> 
        </div>
        <h1>{{ getTitleInPage() }}</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                <form action="{{ url('merchant-user') }}" method="post" class="form-horizontal" id="userForm">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    @if(count($enterprise) > 0)
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Select EnterPrise :</label>
                        <div class="controls">
                            <select name="enterprise_id" id="enterprise_id">
                                @if(count($enterprise) > 1)
                                <option value="">All</option>
                                @endif
                                @foreach($enterprise as $enterprises)
                                <option value="{{ $enterprises->id }}" {{ ($enterprise_id==$enterprises->id)?'selected':'' }}>{{ $enterprises->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @endif
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Select Merchant :</label>
                        <div class="controls">
                            <select name="merchant_id" id="merchant_id">
                                @if(count($merchant) > 1)
                                <option value="">All</option>
                                @endif
                                @foreach($merchant as $merchants)
                                <option value="{{ $merchants->id }}" {{ ($merchant_id==$merchants->id)?'selected':'' }}>{{ $merchants->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Select Role :</label>
                        <div class="controls">
                            <select name="admin_role_id" id="admin_role_id">
                                <option value="">All</option>
                                @foreach(getMechantRoleIds() as $admin_role)
                                <option value="{{ $admin_role->id }}" {{ ($admin_role_id==$admin_role->id)?'selected':'' }}>{{ $admin_role->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Parent Merchant/Branch :</label>
                        <div class="controls">
                            <select name="parent_merchant_id" id="parent_merchant_id">
                                <option value="">All</option>
                                @foreach($parent_merchant as $parmerchants)
                                <option value="{{ $parmerchants->id }}" {{ ($parent_merchant_id==$parmerchants->id)?'selected':'' }}>{{ $parmerchants->receipt_number_prefix }}-{{ $parmerchants->ashram_id }}-{{ $parmerchants->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </form>
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>{{ getTitleInPage() }} List</h5>
                        @if(checkPermissionOnWeb('MerchantUser','add') > 0)
                        <span class="pull-right" style="padding: 7px;">
                        <a class="btn btn-mini btn-primary" href="{{ url('merchant-user/add') }}" title="Add new">Add</a>
                        </span>
                        @endif

                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered data-table">
                            <thead>
                                <tr>
                                    <th width="2%">No.</th>
                                    <th>Name</th>
                                    <th>Role</th>
                                    <th>Merchant Name</th>
                                    <th>Phone</th>
                                    <th>Email</th>
                                    <th width="5%">Status</th>
                                    <th width="5%">Login OTP</th>
                                    <th width="9%">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($admins as $data)
                                <tr class="gradeX">
                                    <td>{{ $no++ }}</td>
                                    <td>{{ $data->name }}</td>
                                    <td>{{ getRoleName($data->admin_role_id) }}</td>
                                    <td>{{ getMearchantNameByAdmins($data->id) }}</td>
                                    <td>{{ $data->phone }}</td>
                                    <td>{{ $data->email }}</td>
                                    <td>
                                    <!-- <span class="label label-{{ ($data->status == 0 )? 'info':'success'}}">{{ ($data->status == 0 )? 'Inactive':'Active'}}</span> -->
                                    <label class="checkbox-inline">
                                    @if($data->status == 1)
                                    <input type="checkbox" class="toggle-event user-status" value="{{ $data->status }}" data-id="{{ $data->id }}" checked data-toggle="toggle" data-on="Active" data-off="Inactive" data-onstyle="success" data-offstyle="danger" data-size="sm">
                                    @else
                                    <input type="checkbox" class="toggle-event user-status" value="{{ $data->status }}" data-id="{{ $data->id }}" checked data-toggle="toggle" data-on="Inactive" data-off="Active" data-onstyle="danger" data-offstyle="success" data-size="sm">
                                    @endif
                                    
                                    </label>
                                    </td>
                                    <td>
                                    <label class="checkbox-inline">
                                    @if($data->required_otp == 1)
                                    <input type="checkbox" class="toggle-event required_otp" value="{{ $data->required_otp }}" data-id="{{ $data->id }}" checked data-toggle="toggle" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger" data-size="sm">
                                    @else
                                    <input type="checkbox" class="toggle-event required_otp" value="{{ $data->required_otp }}" data-id="{{ $data->id }}" checked data-toggle="toggle" data-on="No" data-off="Yes" data-onstyle="danger" data-offstyle="success" data-size="sm">
                                    @endif
                                    
                                    </label>
                                    </td>
                                    <td class="center"> 
                                        @if(checkPermissionOnWeb('MerchantUser','edit') > 0)
                                        <a class="btn btn-mini btn-success" href="{{ url('merchant-user/edit/'.$data->id) }}" title="Edit"><i class="icon-pencil"></i></a> 
                                        @endif
                                        @if(checkPermissionOnWeb('MerchantUser','delete') > 0)
                                        <a class="btn btn-mini btn-danger" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) {
                                                    return true;
                                                } else {
                                                    return false;
                                                }" href="{{ url('merchant-user/delete/'.$data->id) }}" title="Delete"><i class="icon-trash"></i></a>
                                        @endif
                                        <a href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" class="btn btn-mini btn-success btn-cmodal" data-user-name="{{ $data->name }}" data-user-phone="{{ $data->phone }}"  data-user-email="{{ $data->contact_email }}"data-target="#sendEmailPhone" title="Send Email or SMS"><i class="icon-envelope"></i></a>
                                        <a class="btn btn-inverse btn-mini btn-helpcls" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-user-name="{{ $data->name }}" data-target="#helpAddEdit" title="Help"><i class="icon-book"></i></a>
                                        @if(checkPermissionOnWeb('MerchantUser','edit') > 0)
                                        <a class="btn btn-mini btn-info btn-smodal" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-user-name="{{ $data->name }}" data-target="#StateModel" title="State">State & City</a>
                                        @endif
                                        <a class="btn btn-mini btn-info btn-vmodal" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-user-name="{{ $data->name }}" data-target="#ViewModel" title="View Permissions">View</a>
                                        <a class="btn btn-mini btn-info" href="{{ url('merchant/user') }}/{{ $data->id }}" title="View Branch">View Branch</a>
                                        
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="helpAddEdit" class="modal helpmodel hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Help  - <span id="UserNameForHelp">  </span></h3>
    </div>
    <div class="modal-body">
        <form action="{{ url('save-user-help') }}" class="form-horizontal" method="post">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="user_id" id="user_id">

            <div class="control-group" id="state">
                <label class="control-label">Help :</label>
                <div class="controls">
                    <div class="subject-info-box-1">
                    <textarea name="help" class="span10" rows="7" id="help-txt"></textarea>
                    </div>
                </div>
            </div>
            <div class="control-group" id="state">
                <label class="control-label">Instruction :</label>
                <div class="controls">
                    <div class="subject-info-box-1">
                    <textarea name="instruction_help" class="span10" rows="7" id="instruction-txt"></textarea>
                    </div>
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success">Submit</button>
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
    </div>
</div>
<div id="StateModel" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>State & City - <span id="userName"></span></h3>
    </div>
    <div class="modal-body" style="min-height: 500px">
        <form action="{{ url('merchant-user/state-and-city') }}" id="StateForm" class="form-horizontal" method="post">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="user_id" id="user_id">

            <div class="control-group" id="state">
                <label class="control-label">State :</label>
                <div class="controls">
                    <div class="subject-info-box-1">

                        <select multiple="multiple" name="state_id_unselected[]" id='state_id1' class="form-control">
                            @if(count($states) > 0)
                            @foreach($states as $state)
                            <option value="{{ $state->id }}">{{ $state->name }}</option>
                            @endforeach
                            @endif
                        </select>
                    </div>

                    <div class="subject-info-arrows text-center">
                        <input type='button' id='state_idbtnAllRight' value='>>' class="btn btn-default" /><br />
                        <input type='button' id='state_idbtnRight' value='>' class="btn btn-default" /><br />
                        <input type='button' id='state_idbtnLeft' value='<' class="btn btn-default" /><br />
                        <input type='button' id='state_idbtnAllLeft' value='<<' class="btn btn-default" />
                    </div>

                    <div class="subject-info-box-2">
                        <select multiple="multiple" name="state_id[]" id='state_id2' class="form-control">                                           
                        </select>
                    </div>

                </div>
            </div>
            <div class="control-group" id="city">
                <label class="control-label">City :</label>
                <div class="controls">
                    <div class="subject-info-box-1">

                        <select multiple="multiple" name="city_id_unselected[]" id='city_id1' class="form-control">
                            @if(count($city) > 0)
                            @foreach($city as $cities)
                            <option value="{{ $cities->id }}">{{ $cities->name }}</option>
                            @endforeach
                            @endif
                        </select>
                    </div>

                    <div class="subject-info-arrows text-center">
                        <input type='button' id='city_idbtnAllRight' value='>>' class="btn btn-default" /><br />
                        <input type='button' id='city_idbtnRight' value='>' class="btn btn-default" /><br />
                        <input type='button' id='city_idbtnLeft' value='<' class="btn btn-default" /><br />
                        <input type='button' id='city_idbtnAllLeft' value='<<' class="btn btn-default" />
                    </div>

                    <div class="subject-info-box-2">
                        <select multiple="multiple" name="city_id[]" id='city_id2' class="form-control">                                           
                        </select>
                    </div>

                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success" id="stateSubmit">Submit</button>
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
    </div>
</div>
<div id="ViewModel" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>View Permissions  - <span id="userName1">  </span></h3>
        <input type="hidden" name="user_id_view" id="user_id_view">
    </div>
    <div class="modal-body">
        <div class="widget-content nopadding">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Trust Code</th>
                        <th>Merchant Name / (Opening Balance)</th>
                        <th>Ashram ID</th>
                        <th>Enterprise</th>
                        <th>Country</th>
                        <th>State</th>
                        <th>City</th>
                        <th>Transaction Type</th>
                        <th>Transaction Status</th>
                        <th>Default Menu</th>

                    </tr>
                </thead>
                <tbody class="viewBody">

                </tbody>
            </table>
        </div>
    </div>
</div>
<div id="sendEmailPhone" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Send Message  - <span id="userName1_send">  </span></h3>
        
    </div>
    <div class="modal-body">
    <form action="{{ url('merchant-user/sendmsg') }}" id="SendMSGForm" class="form-horizontal" method="post" onsubmit="return validateForm()">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="user_id_send" id="user_id_send">
            <input type="hidden" name="send_val" value="email" id="send_val" />
            <div class="control-group">
                        <label class="control-label">Send Type :</label>
                        <div class="controls">
                        <label class="sendType"><input type="radio" name="send_type" value="1" checked onclick="hideshowtxt('email');"/> Email</label><label>  <input type="radio" name="send_type" value="2" onclick="hideshowtxt('phone_no');"/> SMS</label>
                        </div>
            </div>
            <div class="control-group" id="email">
                        <label class="control-label">Email ID :</label>
                        <div class="controls">
                        <input type="email" name="email_id" id="email_id" value="" readonly/>
                        </div>
            </div>
            <div class="control-group hide" id="phone">
                        <label class="control-label">Phone No:</label>
                        <div class="controls">
                        <input type="text" name="phone_no" id="phone_no" value="" readonly/>
                        </div>
            </div>
            <div class="control-group" id="subjectdiv">
                        <label class="control-label">Subject:</label>
                        <div class="controls">
                        <input type="text" name="subject" id="subject" value="" />
                        <br>
                        <span class="error" id="subject_error"></span>
                        </div>
            </div>
            <div class="control-group">
                        <label class="control-label">Message:</label>
                        <div class="controls">
                        <textarea name="send_message" id="send_message" cols="5" rows="5"></textarea>
                        <br>
                        <span class="error" id="msg_error"></span>
            </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success" id="stateSubmit">Submit</button>
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
        
    </div>
</div>

<div id="MerchantMultipleSelect" class="modal hide" style="display: none;width: 65%;left: 39%;" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Merchant</h3>
    </div>
    <div class="modal-body">
        <form action="{{ url('merchant-user') }}" method="post" class="form-horizontal" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="enterprise_id" id="txtenterprise_id" value="">
            <input type="hidden" name="admin_role_id" id="txtadmin_role_id" value="">


            <div class="control-group">
                <label class="control-label">Select Merchant :</label>
                <div class="controls">
                    <div class="subject-info-box-1">

                        <select multiple="multiple" name="merchant_id_unselected[]" id='lstBox1' class="form-control">
                            @if(count($merchant) > 0)
                            @foreach($merchant as $key => $merchants)
                            <option value="{{ $merchants->id }}">{{ $merchants->name }}</option>
                            @endforeach
                            @endif
                        </select>
                    </div>

                    <div class="subject-info-arrows text-center">
                        <input type='button' id='btnAllRight' value='>>' class="btn btn-default" /><br />
                        <input type='button' id='btnRight' value='>' class="btn btn-default" /><br />
                        <input type='button' id='btnLeft' value='<' class="btn btn-default" /><br />
                        <input type='button' id='btnAllLeft' value='<<' class="btn btn-default" />
                    </div>

                    <div class="subject-info-box-2">
                        <select multiple="multiple" name="merchant_id[]" id='lstBox2' class="form-control">                                           
                        </select>
                    </div>

                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success" id="stateSubmit">Submit</button>
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
    $('.btn-helpcls').live('click', function () {
        
        $('#help-txt').val();
        $('#instruction-txt').val();
        
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");

        $('#UserNameForHelp').html(user_name);
        $('#user_id').val(id);
        $.ajax({
            type: 'GET',
            url: "{{ url('/get-user-help') }}/" + id,
            success: function (data) {
                $('#help-txt').val(data.help);
                $('#instruction-txt').val(data.instruction_help);
            }
        });
    });
    $('.btn-smodal').live('click', function () {
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");

        $('#userName').html(user_name);
        $('#user_id').val(id);
        $.ajax({
            type: 'GET',
            url: "{{ url('/merchant-user/get-state-and-city') }}/" + id,
            success: function (data) {
                // $('#merchant_name2').html(merchant_name);
                $('#state_id1').html(data.response.unselectState);
                $('#state_id2').html(data.response.selectedState);
                $('#city_id1').html(data.response.unselectCitys);
                $('#city_id2').html(data.response.selectedCitys);

            }
        });
    });

    $('.btn-vmodal').live('click', function () {
        trHTML = '';
        $('.viewBody').html(trHTML);
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");

        $('#userName1').html(user_name);
        $('#user_id_view').val(id);
        $.ajax({
            type: 'GET',
            url: "{{ url('/merchant-user/get-user-data') }}/" + id,
            success: function (data) {
                console.log(data);
                $.each(data, function (i, item) {
                    trHTML += '<tr>';
                    trHTML += '<td>' + item.username + '</td>';
                    trHTML += '<td>' + item.trustCode + '</td>';
                    trHTML += '<td>' + item.merchant_name + '</td>';
                    trHTML += '<td>' + item.ashram_id + '</td>';
                    trHTML += '<td>' + item.enterprise + '</td>';
                    trHTML += '<td>India</td>';
                    trHTML += '<td>' + item.selectedState + '</td>';
                    trHTML += '<td>' + item.selectedCitys + '</td>';

                    trHTML += '<td>' + item.TransactionType + '</td>';
                    trHTML += '<td>' + item.TransactionStatus + '</td>';
                    trHTML += '<td>' + item.DefaultMenuApp + '</td>';
                    trHTML += '</tr>';
                });

                $('.viewBody').html(trHTML);
                // ashram_id$('#merchant_name2').html(merchant_name);
                // $('#state_id1').html(data.response.unselectState);
                // $('#state_id2').html(data.response.selectedState);
                // $('#city_id1').html(data.response.unselectCitys);
                // $('#city_id2').html(data.response.selectedCitys);

            }
        });
    });

    $('.btn-cmodal').live('click', function () {
        trHTML = '';
        
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        var phone_no = $(this).attr("data-user-phone");
        var email = $(this).attr("data-user-email");
        
        $('#userName1_send').html(user_name);
        $('#user_id_send').val(id);
        $('#phone_no').val(phone_no);
        $('#email_id').val(email);
        $('#send_message').val('');
        $('#subject').val('');
        
    });

    (function () {
        $('#state_idbtnRight').click(function (e) {

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

            var stateArray = new Array();//storing the selected values inside an array
            $('#state_id2 option:selected').each(function (i, selected) {
                stateArray[i] = $(selected).val();
            });
            getCity(stateArray);

            $(selectedOpts).remove();
            e.preventDefault();
        });

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

            $('#state_id2').append($(selectedOpts).clone());
            $('#state_id2 option').attr('selected', 'selected');
            var stateArray = new Array();//storing the selected values inside an array
            $('#state_id2 option:selected').each(function (i, selected) {
                stateArray[i] = $(selected).val();
            });
            getCity(stateArray);
            $(selectedOpts).remove();
            e.preventDefault();
        });

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

            $('#state_id1').append($(selectedOpts).clone());
            $('#state_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });

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

            $('#state_id1').append($(selectedOpts).clone());
            $('#state_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));

    (function () {
        $('#city_idbtnRight').click(function (e) {

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

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

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

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

            $('#city_id1').append($(selectedOpts).clone());
            $('#city_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });

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

            $('#city_id1').append($(selectedOpts).clone());
            $('#city_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));


    $('#state_id1').on('change', function () {
        var state_id = $(this).val();
        var token = $('input[name="_token"]').val();
        var stateArray = new Array();//storing the selected values inside an array
        $('#state_id1 option:selected').each(function (i, selected) {
            stateArray[i] = $(selected).val();
        });

        getCity(stateArray);

    });

    function getCity(stateArray) {
        var token = $('input[name="_token"]').val();
        if (stateArray) {
            $.ajax({
                url: "{{url('/city/getMultiple/')}}",
                data: {data: stateArray, _token: token},
                type: "POST",
                dataType: "json",
                success: function (data) {
                    $('#city_id1').empty();
                    $.each(data, function (key, value) {
                        $('#city_id1').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                }
            });
        } else {
            $('#city_id1').empty();
        }
    }

    $(document).ready(function () {
        $('select[name="enterprise_id"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="merchant_id"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="parent_merchant_id"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="admin_role_id"]').on('change', function () {
            var admin_role_id = this.value;
            var enterprise_id = $('select[name="enterprise_id"]').val();
            $('#txtenterprise_id').val(enterprise_id);
            $('#txtadmin_role_id').val(admin_role_id);
            // $('#MerchantMultipleSelect').modal('show');
            $('#userForm').submit();
        });
    });

    (function () {
        $('#btnRight').click(function (e) {

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

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

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

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

            $('#lstBox1').append($(selectedOpts).clone());
            $('#lstBox1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });

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

            $('#lstBox1').append($(selectedOpts).clone());
            $('#lstBox1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));
 function hideshowtxt(txtType){
    if(txtType == 'email'){
        $('#phone').hide();
        $('#email').show();
        $('#subjectdiv').show();
        $('#send_val').val('email');
    }else{
        $('#phone').show();
        $('#email').hide();
        $('#subjectdiv').hide();
        $('#send_val').val('phone');
    }
 }
 function validateForm(){
     var send_message = $('#send_message').val();
     var subject = $('#subject').val();
     var send_val = $('#send_val').val();
     
     
     if(send_message == ''){
        $('#msg_error').html('Please enter message');
        return false;
     }
     if(send_val == 'email'){
     if(subject == ''){
        $('#subject_error').html('Please enter subject');
        return false;
     }
     }

     if(send_val == 'phone'){
        if(send_message.length > 100){
            $('#msg_error').html('Please enter character limit is 100');
            return false;
        }
     }
 }

 $('.user-status').change(function() {
       
       var id = $(this).attr("data-id");
       var status = $(this).val();
       onoff(status,id);
     //   if (confirm('Are you sure you want to do this ?') == true) {
     //     $('#console-event').html('Toggle: ' + $(this).prop('checked'))
     //   }
      
 })
 $('.required_otp').change(function() {
       
       var id = $(this).attr("data-id");
       var status = $(this).val();
       onoffOtp(status,id);
 })
function onoff(status,id) {
   
   $.ajax({
       type: "GET",
       url: "{{ url('/merchant-user/update-status') }}/"+id,
       success: function (data) {
       }
   });
 }
function onoffOtp(status,id) {
   
   $.ajax({
       type: "GET",
       url: "{{ url('/merchant-user/update-otp') }}/"+id,
       success: function (data) {
       }
   });
}

</script>
@parent
@endsection