@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-type') }}" method="post" class="form-horizontal" id="merTypeForm">
                    <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($MerchantTypeList as $val)
                                <option value="{{ $val['id'] }}" {{ ($merchant_type_id==$val['id'])?'selected':'' }}>{{ $val['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Books :</label>
                        <div class="controls">
                            <select name="order_book_id" id="order_book_id">
                                <option value="">All</option>
                                @foreach($OrderBook as $val)
                                <option value="{{ $val['id'] }}" {{ ($order_book_id==$val['id'])?'selected':'' }}>{{ $val['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Account group :</label>
                        <div class="controls">
                            <select name="account_group_id" id="account_group_id">
                                <option value="">All</option>
                                @foreach($AccountGroup as $val)
                                <option value="{{ $val['id'] }}" {{ ($account_group_id==$val['id'])?'selected':'' }}>{{ $val['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-primary" href="{{ url('merchant-type/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 Name</th>
                                    <th>Books</th>
                                    <th>Account group</th>
                                    <th>Item group</th>
                                    <th width="5%">Status</th>
                                    <th width="9%">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach($MerchantType as $datas)
                                <tr class="gradeX">
                                    <td>{{ $i }}</td>
                                    <td>{{ $datas['name'] }}</td>
                                    <td>{!! getBookMerchantType($datas['id'],$order_book_id) !!}</td>
                                    <td>{!! getAccountGroupMerchantType($datas['id'],$account_group_id) !!}</td>
                                    <td>{!! getItemGroupMerchantType($datas['id']) !!}</td>
                                    <td><span class="label label-{{ ($datas['status'] == 0 )? 'info':'success'}}">{{ ($datas['status'] == 0 )? 'Inactive':'Active'}}</span></td>
                                    <td class="center"> 
                                        <a class="btn btn-mini btn-info btn-vmodal" href="javascript:void(0)" data-toggle="modal" data-id="{{ $datas['id'] }}" data-user-name="{{ $datas['name'] }}" data-target="#ViewModel" title="View Permissions">View</a>
                                        <!-- <a class="btn btn-mini btn-warning" href="{{ url('merchant-type/extend/'.$datas['id']) }}" title="Extend"><i class="icon-list-alt"></i></a>  -->
                                        <a class="btn btn-mini btn-success" href="{{ url('merchant-type/edit/'.$datas['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('merchant-type/delete/'.$datas['id']) }}" title="Delete"><i class="icon-trash"></i></a> 
                                    </td>
                                </tr>
                                                                @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>No.</th>
                        <th>Merchant Type Name</th>
                        <th>Books</th>
                        <th>Account Group</th>
                        <th>Account Head</th>
                        <th>Item Group</th>
                        <th>Item List</th>
                        <th>Payment Modes</th>  
                        <th>Voucher Types</th>                       
                    </tr>
                </thead>
                <tbody class="viewBody">

                </tbody>
            </table>
        </div>
    </div>
</div>
<div id="ViewModelMerchant" class="modal hide" aria-hidden="true" tabindex="-1">
    <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">
        <div class="widget-content nopadding">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Account Group</th>
                        <th>Account Head</th>
                    </tr>
                </thead>
                <tbody class="viewBodyMerchant">

                </tbody>
            </table>
        </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 typeId = $(this).attr("data-type-id");
        var user_name = $(this).attr("data-user-name");

        $('#MerchantName').html(user_name);
        $.ajax({
            type: 'GET',
            url: "{{ url('/merchant-type/view-account-head') }}/" + id+'/'+typeId,
            success: function (data) {
                console.log(data);
                $.each(data, function (i, book) {
                    trHTML += '<tr>';
                    trHTML += '<td>' + book.account_group + '</td>';
                    trHTML += '<td>' + book.account_head + '</td>';                
                    trHTML += '</tr>';
                });

                $('.viewBodyMerchant').html(trHTML);
               
            }
        });
        });
    $(document).ready(function () {
        $('select[name="merchant_type_id"]').on('change', function () {
            $('#merTypeForm').submit();
        });
        $('select[name="order_book_id"]').on('change', function () {
            $('#merTypeForm').submit();
        });
        $('select[name="account_group_id"]').on('change', function () {
            $('#merTypeForm').submit();
        });

    });
    $('.btn-vmodal').live('click', function () {
        var token = $('input[name="_token"]').val();
        trHTML = '';
        $('.viewBody').html(trHTML);
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        var order_book_id = $('#order_book_id').val();
        var account_group_id = $('#account_group_id').val();
       
        $('#userName1').html(user_name);
        $('#user_id_view').val(id);
        
        $.ajax({
            type: 'POST',
            url: "{{ url('/merchant-type/view-permission') }}",
            data: {
                id: id,
                order_book_id: order_book_id,
                account_group_id: account_group_id
            },
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function (data) {
                    trHTML += '<tr>';
                    trHTML += '<td>1</td>';
                    trHTML += '<td>' + data.response.type_name + '</td>';
                    trHTML += '<td>' + data.response.books + '</td>';
                    trHTML += '<td>' + data.response.accountGroups + '</td>';
                    trHTML += '<td>' + data.response.accountHeadsName + '</td>';
                    trHTML += '<td>' + data.response.itemGroups + '</td>';
                    trHTML += '<td>' + data.response.items + '</td>';
                    trHTML += '<td>' + data.response.paymentmodes + '</td>';
                    trHTML += '<td>' + data.response.VoucherTypes + '</td>';
                    trHTML += '</tr>';
                $('.viewBody').html(trHTML);
            }
        });
    });
</script>
@parent
@endsection