@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('rep-agent') }}" method="post" class="form-horizontal" id="rahebarForm">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    @if(count($enterprise) > 0)
                    <div class="control-group headersearch">
                        <label class="control-label">Select EnterPrise :</label>
                        <div class="controls">
                            <select name="enterprise_id" class="searchdata" id="enterprise_id">
                                <option value="">All</option>
                                @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 headersearch">
                        <label class="control-label">Select Merchant :</label>
                        <div class="controls">
                            <select name="merchant_id" class="searchdata" id="merchant_id">
                                <option value="">All</option>
                                @foreach($merchant as $merchants)
                                <option value="{{ $merchants->id }}" {{ ($merchant_id==$merchants->id)?'selected':'' }}>{{ $merchants->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    @if(count($agentsTypeObj) > 0 && $merchant_id > 0)
                    <div class="control-group headersearch">
                        <label class="control-label">Rep/Agent type :</label>
                        <div class="controls">
                            <select name="agent_types_id" class="searchdata" id="agent_types_id">
                                <option value="">All</option>
                                @foreach($agentsTypeObj as $agentsType)
                                <option value="{{ $agentsType->id }}" {{ ($agent_types_id==$agentsType->id)?'selected':'' }}>{{ $agentsType->title }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @endif
                    @if(count($parent_merchant) > 0 && $merchant_id > 0)
                    <div class="control-group headersearch">
                        <label class="control-label">Parent Merchant/Branch :</label>
                        <div class="controls">
                            <select name="parent_merchant_id" class="searchdata" id="parent_merchant_id">
                                <option value="">All</option>
                                @foreach($parent_merchant as $parmerchants)
                                <option value="{{ $parmerchants->id }}" {{ ($parent_merchant_id==$parmerchants->id)?'selected':'' }}>{{ $parmerchants->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @endif
                </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;">
                        @if(checkPermissionOnWeb('Agent','add') > 0)
                        <a class="btn btn-mini btn-primary" href="{{ url('rep-agent/add') }}" title="Add new">Add</a>
                        @endif
                        </span>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered data-table">
                            <thead>
                                <tr>
                                    <th width="2%">No.</th>
                                    <th>Name</th>
                                    <th>Merchant Name</th>
                                    <th>Agent Type</th>
                                    <th>Phone</th>
                                    <th>Email</th>
                                    <th width="5%">Status</th>
                                    <th width="9%">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($rahebar as $data)
                                <tr class="gradeX">
                                    <td>{{ $no++ }}</td>
                                    <td>{{ $data->name }}</td>
                                    <td>{{ getMerchantNameById($data->ho_id) }}</td>
                                    <td>{{ MerchantAgentTypes($data->agent_types_id) }}</td>
                                    <td>{{ $data->mobile }}</td>
                                    <td>{{ $data->email }}</td>
                                    <td><span class="label label-{{ ($data->status == 0 )? 'info':'success'}}">{{ ($data->status == 0 )? 'Inactive':'Active'}}</span></td>
                                    <td class="center"> 
                                    @if(checkPermissionOnWeb('Agent','edit') > 0)
                                        <a class="btn btn-mini btn-success" href="{{ url('rep-agent/edit/'.$data->id) }}" title="Edit"><i class="icon-pencil"></i></a> 
                                    @endif
                                    @if(checkPermissionOnWeb('Agent','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('rep-agent/delete/'.$data->id) }}" title="Delete"><i class="icon-trash"></i></a> 
                                    @endif
                                        <a class="btn btn-mini btn-info btn-vmodal" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->admin_id }}" data-user-name="{{ $data->name }}" data-target="#ViewModel" title="View Permissions">View</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>Name</th>
                        <th>Merchant Name</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>-->

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

                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
    $('.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('/admins/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.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 += '</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);

            }
        });
    });

    $('select[name="agent_types_id"]').on('change', function () {
        $('#rahebarForm').submit();
    });
    $('select[name="enterprise_id"]').on('change', function () {
        $('#rahebarForm').submit();
    });
    $('select[name="merchant_id"]').on('change', function () {
        $('#rahebarForm').submit();
    });
    $('select[name="parent_merchant_id"]').on('change', function () {
        $('#rahebarForm').submit();
    });

</script>
@parent
@endsection