@extends("admin.admin_app")
@section("content")
<style>
    .btn-group, .btn-group-vertical{width: max-content;}
    button.btn.color-gray.go_btn.pull-left.btn-serach {
    padding: 11px 16px 9px !important;
    margin-top: 3px !important;
}
    .input_bigger {
    margin-top: 3px !important;
    height: 36px !important;
}
	.ml-20{margin-left: 20px;}
	.mr-20{margin-right: 20px;}
}
	.dataTables_length{margin-top: 10px;}
    .status{
        background-color: gray !important;
    }
   .link a {
    color: white !important;
    text-decoration: none;
}
.ml-20{margin-left: 20px;}
.mr-20{margin-right: 20px;}
.dataTables_length{margin-top: 15px;}
    </style>
</div>
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}">
<div id="main">
    <div class="container-fluid">
    @if(has_permission('user_read'))
    <!--<ul class="list list-inline quick_links">
        <li><span><em>Quick Links - </em></span></li>
        <li class="{{classActivePath('agents')}}"><a href="{{ URL::to('admin/agents') }}">Agent</a></li>
        <li class="{{classActivePath('partners')}}"><a href="{{ URL::to('admin/partners') }}"><i class="fa fa-bookmark-o"></i>Partners</a></li>
        <li class="{{classActivePath('subscriber')}}"><a href="{{ URL::to('admin/subscriber') }}"><i class="md md-email"></i>Subscribers</a></li>
        <li class="{{classActivePath('inddeveloper')}}"><a href="{{ URL::to('admin/inddeveloper') }}">India Developer</a></li> 
        <li class="{{classActivePath('admin/intdeveloper')}}"><a href="{{ URL::to('admin/intdeveloper') }}">International Developer</a></li>
	</ul>-->
	@endif
	<div class="page-header">
		{{-- @if(has_permission('user_create'))
		<div class="pull-right">
			<a href="{{URL::to('admin/users/adduser')}}" class="btn btn-primary">Add Agent <i class="fa fa-plus"></i></a>
		</div>
		@endif --}}
		<h2>Agents</h2>
	</div>
	@if(Session::has('flash_message'))
				    <div class="alert alert-success">
				    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
				        {{ Session::get('flash_message') }}
				    </div>
	@endif

<ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#active_users">Active users</a></li>
            {{-- <li><a data-toggle="tab" href="#inactive_users">Inactive users</a></li>
            <li><a data-toggle="tab" href="#surveys">Surveys</a></li>
            <li><a data-toggle="tab" href="#job_openings">Job Openings</a></li>
            <li><a data-toggle="tab" href="#my_profile">My profile</a></li>
            <li><a data-toggle="tab" href="#attendance_holidays">Attendance & Holidays</a></li> --}}
          </ul>
        </div>
    <div class="row">
        <div class="tab-content w-100 p-0 border">
        <div id="active_users" class="tab-pane fade in active">
            <div class="light_gray_bg gray_bg w-100 border-bottom">
                <div class="col-sm-6">
                    <div class="pr-0 pull-left">
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn-middle btn_select link"><a href="{{URL::to('admin/agents/addagent')}}"> <i class="fa fa-plus" aria-hidden="true"></i>&nbsp;New Agent  </a> </button>
                        {{-- <button type="button" class="btn btn-secondary btn-middle btn-light">Edit</button>
                        <button type="button" class="btn btn-secondary btn-middle btn-light">Delete</button> --}}
                    </div>
                    </div>
					<form method="get" enctype="multipart/form-data">
                    <div class="pr-10 pull-left">
                        <input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" placeholder="Search by Project Name" class="input_small border pull-left input_bigger" style="height: 31px;" />
						<button type="submit" class="btn color-gray go_btn pull-left btn-middle" style="margin-top: 3px; padding: 8.5px 15px;"><i class="fa fa-search" aria-hidden="true"></i></button>
                    </div>
					</form>
                </div>
                <div class="pull-right text-right">
                    {{-- <div class="pr-10 pull-left">
                        <button class="no-btn bold" style="padding: 8px !important;">View</button>
                    </div> --}}
                    <div class="pr-10 pull-left">
                        <div class="btn-group" role="group" aria-label="Basic example">
                            {{-- <button type="button" class="btn btn-secondary btn_select btn-middle">Overview&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button> --}}
                            {{-- <button type="button" class="btn btn-secondary btn-middle" style="font-size: 19px;padding: 4px 10px;"><i class="fa fa-cogs" aria-hidden="true"></i>&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button> --}}
                            <button href="javascript:void(0)" data-toggle="modal" data-target="#overview" class="btn btn-secondary btn_select btn-middle">Overview&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                        </div>
                        <div class="modal fade" id="overview" tabindex="-1" role="dialog" aria-labelledby="overview" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                {!! Form::open(array('role'=>'form','enctype' => 'multipart/form-data')) !!}
                                    {{ csrf_field() }}
                                    <div class="modal-header">
                                        <h5 class="modal-title pull-left">Show / Hide Column in Listing</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="modal-body">
                                        <div class="col-sm-12 p-0 text-left">