@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>
    @php
        $enterprise1 = $enterprise;
        $enterprise2 = $enterprise;
        $merchant1 = $merchant;
        $merchant2 = $merchant;
    @endphp
    <div class="container-fluid">
        <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('account-group') }}" method="post" class="form-horizontal" id="accountGroupForm">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Merchant Type :</label>
                        <div class="controls">
                            <select name="merchant_type_id" id="merchant_type_id">
                                <option value="">All</option>
                                @foreach($MerchantType as $type)
                                <option value="{{ $type->id }}" {{ ($merchant_type_id==$type->id)?'selected':'' }}>{{ $type->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Select Parent Account Group :</label>
                        <div class="controls">
                            <select name="parent_account_group_id" id="parent_account_group_id">
                                <option value="">All</option>
                                @foreach($ParentAccountGroup as $ParentAccount)
                                <option value="{{ $ParentAccount->id }}" {{ ($parent_account_group_id==$ParentAccount->id)?'selected':'' }}>{{ $ParentAccount->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>
                        <span class="pull-right" style="padding: 7px;">

                            <a class="btn btn-mini btn-info btn-vmodal3" href="javascript:void(0)" data-toggle="modal" data-id="0" data-user-name="Assign to HO" data-target="#AssignHOModelSubmit" title="Assign to HO">Assign to HO</a>

                            <a class="btn btn-mini btn-info btn-vmodal" href="javascript:void(0)" data-toggle="modal" data-id="0" data-user-name="View All" data-target="#ViewModel" title="View Permissions">View</a>
                            <a class="btn btn-mini btn-primary" href="{{ url('account-group/add') }}" title="Add new">Add</a>
                        </span>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered data-table">
                            <thead>
                                <tr>
                                    <th width="2%">No.</th>
                                    <th>Merchant Type</th>
                                    <th>Account Group</th>
                                    <th width="5%">Status</th>
                                    <th width="9%">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($AccountGroup as $data)
                                    @php 
                                        $getData = getParentSubAccountGroup($data->id) 
                                    @endphp

                                <tr class="gradeX">
                                    <td>{{ $no++ }}</td>
                                    <td>{{ getTypeOfMerchanteName($data->merchant_type_id) }}</td>
                                    <td>{{ $data->name }}</td>
                                    <td><span class="label label-{{ ($data->status == 0 )? 'info':'success'}}">{{ ($data->status == 0 )? 'Inactive':'Active'}}</span></td>
                                    <td class="center"> 
                                        <a class="btn btn-mini btn-success" href="{{ url('account-group/edit/'.$data->id) }}" title="Edit"><i class="icon-pencil"></i></a> 
                                        <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('account-group/delete/'.$data->id) }}" title="Delete"><i class="icon-trash"></i></a> 
                                        <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 btn-vmodal2" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-user-name="{{ $data->name }}" data-merchant-type="{{ getTypeOfMerchanteName($data->merchant_type_id) }}" data-target="#assignHOModel" title="Assign to HO">Assign to HO</a>
                                    </td>
                                </tr>
                                
                                @if(count($getData) > 0)

                                @foreach($getData as $per => $parentAccountGroup)
                                <tr class="gradeX">
                                    <td>{{ $no++ }}</td>
                                    <td>{{ getTypeOfMerchanteName($parentAccountGroup->merchant_type_id) }}</td>
                                    <td>----<a class="aunderline cls-group-head" href="javascript:void(0)" data-toggle="modal" data-id="{{ $parentAccountGroup->id }}" data-name="{{ $parentAccountGroup->name }}" data-target="#ViewAccountHead" title="View Account Head">{{ $parentAccountGroup->name }}</a></td>
                                    <td><span class="label label-{{ ($parentAccountGroup->status == 0 )? 'info':'success'}}">{{ ($parentAccountGroup->status == 0 )? 'Inactive':'Active'}}</span></td>
                                    <td class="center"> 
                                        <a class="btn btn-mini btn-success" href="{{ url('account-group/edit/'.$parentAccountGroup->id) }}" title="Edit"><i class="icon-pencil"></i></a> 
                                        <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('account-group/delete/'.$parentAccountGroup->id) }}" title="Delete"><i class="icon-trash"></i></a> 
                                                <a class="btn btn-mini btn-info btn-vmodal" href="javascript:void(0)" data-toggle="modal" data-id="{{ $parentAccountGroup->id }}" data-user-name="{{ $parentAccountGroup->name }}" data-target="#ViewModel" title="View Permissions">View</a>
                                                <a class="btn btn-mini btn-info btn-vmodal2" href="javascript:void(0)" data-toggle="modal" data-parent-id="{{$data->id}}" data-parent-name="{{$data->name}}" data-id="{{$parentAccountGroup->id}}" data-user-name="{{ $parentAccountGroup->name }}" data-merchant-type="{{ getTypeOfMerchanteName($data->merchant_type_id) }}" data-target="#assignHOModel" title="Assign to HO">Assign to HO</a>
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </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>Parent Account Group</th>
                        <th>Account Group</th>
                        <th>Enterprise</th>
                        <th>Merchant HO</th>
                    </tr>
                </thead>
                <tbody class="viewBody">

                </tbody>
            </table>
        </div>
    </div>
</div>
<div id="ViewAccountHead" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3><span id="groupName" class="groupName">  </span></h3>
    </div>
    <div class="modal-body">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-content nopadding">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Account Head</th>
                                </tr>
                            </thead>
                            <tbody class="viewBodyhead">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Assign to HO Modal start -->
<div id="assignHOModel" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Account Group  - <span class="userName2">  </span></h3>
    </div>
    <div class="modal-body">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-content nopadding">
                        <form action="{{ url('account-group/store/merchant') }}" method="post" class="form-horizontal">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="account_group_id" id="user_id_view2">
                            <input type="hidden" name="account_group_name" class="userName2" />
                            <input type="hidden" name="account_group_head" class="mer_head_name" />
                            <div class="control-group">
                                <label class="control-label">Enterprise* :</label>
                                <div class="controls">
                                    <select class="span11" name="enterprise_id_assign_ho" id="enterprise_id_assign_ho">
                                        @if(!getMechantIds())
                                        <option value="">Select Enterprise</option>
                                        @endif
                                        @foreach($enterprise1 as $enterprise)
                                        <option value="{{ $enterprise->id }}" {{ (Input::old('enterprise_id')==$enterprise->id)?'selected':'' }}>{{ $enterprise->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Merchant Ho:</label>
                                <div class="controls">
                                    <select class="span11" name="merchant_data" id="merchant_data">
                                        @if(!getMechantIds())
                                        <option value="">Select Merchant Ho</option>
                                        @endif
                                        @foreach($merchant1 as $merchant)
                                            <option value="{{ $merchant->id }}" >{{ $merchant->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Account Group :</label>
                                <div class="controls">
                                    <strong><span class="userName2"> </span></strong>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Merchant Type :</label>
                                <div class="controls">
                                    <strong><span class="merTypeName"> </span></strong>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Parent Account Group :</label>
                                <div class="controls">
                                    <strong><span class="groupNames">  </span></strong>
                                </div>
                            </div>
                            <div class="widget-content nopadding">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Account Head</th>
                                        </tr>
                                    </thead>
                                    <tbody class="viewBodyheadWithGroup">
                                        
                                    </tbody>
                                </table>
                            </div>
                            <div class="form-actions">
                                <button type="submit" class="btn btn-success">Save</button>
                                <button data-dismiss="modal" class="btn btn-default rightClnBtn" type="button">Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Assign to HO Modal End -->
<!-- Assign to Ho using Merchant Type Start -->
<div id="AssignHOModelSubmit" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3> <span class="userName2">  </span></h3>
    </div>
    <div class="modal-body">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-content nopadding">
                        <form action="{{ url('account-group/store/merchant/ho-data') }}" method="post" class="form-horizontal" id="assign_to_ho_validate">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <div class="control-group">
                                <label class="control-label">Merchant Type* :</label>
                                <div class="controls">
                                    <select class="span11" name="ho_merchant_type_id" id="ho_merchant_type_id">
                                        <option value="">All</option>
                                        @foreach($MerchantType as $type)
                                        <option value="{{ $type->id }}" {{ ($merchant_type_id==$type->id)?'selected':'' }}>{{ $type->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Account Group*:</label>
                                <div class="controls">
                                    <select class="span11" name="ho_account_group_id" id="ho_account_group_id">
                                        <option value="">Select Account Group</option>
                                        @foreach($AccountGroup as $AccountGroups)
                                            <optgroup label="{{ $AccountGroups->name }}">
                                                @if(count(getParentSubAccountGroup($AccountGroups->id)) > 0)
                                                    @foreach(getParentSubAccountGroup($AccountGroups->id) as $subData)
                                                    <option value="{{ $subData->id }}">{{ $subData->name }}</option>
                                                    @endforeach
                                                @endif
                                            </optgroup>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Enterprise* :</label>
                                <div class="controls">
                                    <select class="span11" name="ho_enterprise_id" id="ho_enterprise_id">
                                        @if(!getMechantIds())
                                        <option value="">Select Enterprise</option>
                                        @endif
                                        @foreach($enterprise2 as $enterprise)
                                        <option value="{{ $enterprise->id }}" {{ (Input::old('enterprise_id')==$enterprise->id)?'selected':'' }}>{{ $enterprise->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Merchant Ho:</label>
                                <div class="controls">
                                    <select class="span11" name="ho_merchant_id" id="ho_merchant_id">
                                        @if(!getMechantIds())
                                        <option value="">Select Merchant Ho</option>
                                        @endif
                                        @foreach($merchant2 as $merchant)
                                            <option value="{{ $merchant->id }}" >{{ $merchant->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="widget-content nopadding">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Account Head</th>
                                        </tr>
                                    </thead>
                                    <tbody class="viewBodyheadWithHead">
                                        
                                    </tbody>
                                </table>
                            </div>
                            <div class="form-actions">
                                <button type="submit" class="btn btn-success">Save</button>
                                <button data-dismiss="modal" class="btn btn-default rightClnBtn" type="button">Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Assign to Ho using Merchant Type End -->
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
    $(document).ready(function () {
        $('select[name="enterprise_id"]').on('change', function () {
            $('#accountGroupForm').submit();
        });
        $('select[name="merchant_id"]').on('change', function () {
            $('#accountGroupForm').submit();
        });
        $('select[name="parent_account_group_id"]').on('change', function () {
            $('#accountGroupForm').submit();
        });
        $('select[name="merchant_type_id"]').on('change', function () {
            $('#accountGroupForm').submit();
        });
    });

    $(document).ready(function () {
        $('select[name="enterprise_id_assign_ho"]').on('change', function () {
            var enterprise_id = $(this).val();
            console.log(enterprise_id);
            $.ajax({
                type:'GET',
                url:"{{ url('/get-account-group-data-submit') }}",
                data:{
                    'enterprise_id':enterprise_id
                },
                success:function(data){
                    console.log(data);
                    $('#merchant_data').empty();
                    $('#merchant_data').append('<option value="">Select Merchant HO</option>');
                    $.each(data, function (key, value) {
                        $('#merchant_data').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                }
            });
        });
    });

    $(document).ready(function () {
        $('select[name="ho_merchant_type_id"]').on('change', function () {
            var ho_merchant_type_id = $(this).val();
            $.ajax({
                url: "{{ url('get-account-group-by-type')}}/" + ho_merchant_type_id,
                type: "GET",
                dataType: "json",
                success: function (data) {
                    $('#ho_account_group_id').empty();
                    $('#ho_account_group_id').append('<option value="">Select Account Group</option>');
                    $('#ho_account_group_id').append(data.response);
                }
            });
        });
        $('select[name="ho_enterprise_id"]').on('change', function () {
            var enterprise_id = $(this).val();
            console.log(enterprise_id);
            $.ajax({
                type:'GET',
                url:"{{ url('/get-account-group-data-submit') }}",
                data:{
                    'enterprise_id':enterprise_id,
                },
                success:function(data){
                    console.log(data);
                    $('#ho_merchant_id').empty();
                    $('#ho_merchant_id').append('<option value="">Select Merchant HO</option>');
                    $.each(data, function (key, value) {
                        $('#ho_merchant_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                }
            });
        });
        $('select[name="ho_account_group_id"]').on('change', function () {
            var account_group_id = $(this).val();
            var account_head_name = '';
            $('.viewBodyheadWithHead').html(account_head_name);
            $.ajax({
                type: 'GET',
                url: "{{ url('get/account-head-data') }}/"+account_group_id,
                dataType: "json",
                data: {
                    account_group_id: account_group_id,
                },
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                success: function (data) {
                    console.log(data);
                    var accountHead = data.accountHead;
                    $.each(accountHead, function (i, item) {
                        account_head_name += '<tr>';
                        account_head_name += '<td> <input type="checkbox" checked="checked" name="check_data[]" value="' + item.id +'"> ' + item.name + '</td>';
                        account_head_name += '</tr>';
                    });
                    $('.viewBodyheadWithHead').html(account_head_name);
                }
            });
        });
    });

    $('.btn-vmodal').live('click', function () {
        trHTML = '';
        $('.viewBody').html(trHTML);
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        var enterprise_id = $('#enterprise_id').val();
        var merchant_id = $('#merchant_id').val();
        $('#userName1').html(user_name);
        $('#user_id_view').val(id);
        $.ajax({
            type: 'POST',
            url: "{{ url('/get-account-group-data') }}",
            data: {
                account_group_id: id,
                enterprise_id: enterprise_id,
                merchant_id: merchant_id
            },
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function (data) {
                console.log(data);
                
                $.each(data.response, function (i, item) {
                    trHTML += '<tr>';
                    trHTML += '<td>' + item.parent_account + '</td>';
                    trHTML += '<td>' + item.name + '</td>';
                    trHTML += '<td>' + item.enterprise_name + '</td>';
                    trHTML += '<td>' + item.ho_merchant + '</td>';
                    trHTML += '</tr>';
                });

                $('.viewBody').html(trHTML);
            }
        });
    });

    $('.btn-vmodal2').live('click', function () {
        account_head_name = '';
        ahd = '';
        pag = '';
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        var parent_id = $(this).attr("data-parent-id");
        var parent_name = $(this).attr("data-parent-name");
        var enterprise_id = $('#enterprise_id_assign_ho123').val();
        var merchant_id = $('#merchant_name').val();
        var merchant_type = $(this).attr('data-merchant-type');
        $('.merTypeName').html(merchant_type);
        $('.userName2').html(user_name);
        $('.userName2').val(user_name);
        $('#user_id_view2').val(id);

        $.ajax({
            type: 'GET',
            url: "{{ url('account-data/get') }}/"+id,
            dataType: "json",
            data: {
                account_group_id: id,
                parent_id: parent_id,
                parent_name: parent_name,
            },
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function (data) {
                console.log(data);
                if (data.parent_id != null) {
                    var parent_name= data.parent_name;
                    var accountHead = data.accountHead;
                    $.each(accountHead, function (i, item) {
                        account_head_name += '<tr>';
                        account_head_name += '<td> <input type="checkbox" checked="checked" disabled> ' + item.name + '</td>';
                        account_head_name += '</tr>';
                    });
                    $('.groupNames').html(parent_name);
                    $('.viewBodyheadWithGroup').html(account_head_name);
                } else {
                    console.log("false");
                    var parent_account_group = data.parentAccountGroup;
                    $.each(parent_account_group, function (i, item) {
                        pag += '<ul>';
                        pag += '<li>' + item.name + '</li>';
                        pag += '</ul>';
                    });
                    $('.groupNames').html(pag);
                    $.each(data.accountHeadArr, function (i, group) {
                        ahd += '<tr>';
                        ahd += '<td> <b>' + group.name + '</b></td>';
                        ahd += '</tr>';
                        $.each(group.head, function (i, head) {
                            ahd += '<tr>';
                            ahd += '<td> <input type="checkbox" checked="checked" disabled> ' + head.name + '</td>';
                            ahd += '</tr>';
                        });
                    });
                    $('.viewBodyheadWithGroup').html(ahd);
                }
            }
        });
    });

    $('.cls-group-head').live('click', function () {
        trHTML = '';
        $('.viewBodyhead').html(trHTML);
        var id = $(this).attr("data-id");
        var groupName = $(this).attr("data-name");
        $('.groupName').html(groupName);
        $.ajax({
            type: 'GET',
            url: "{{ url('account-head/get') }}/"+id,
            dataType: "json",
            data: {
                account_group_id: id
            },
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function (data) {
                console.log(data);
                
                $.each(data, function (i, item) {
                    trHTML += '<tr>';
                    trHTML += '<td>' + item.name + '</td>';
                    trHTML += '</tr>';
                });

                $('.viewBodyhead').html(trHTML);
            }
        });
    });

    $('.btn-vmodal3').live('click', function () {
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        $('.userName2').html(user_name);
    });
</script>
@parent
@endsection