@extends("admin.admin_app")

@section("content")
<style>
    .btn-group, .btn-group-vertical{width: max-content;}
    .btn-middle {padding: 8px 15px 8px 15px !important;}
    .input_bigger {margin-top: 0px !important; height: 35px !important;}
	.ml-20{margin-left: 20px;}
	.mr-20{margin-right: 20px;}
	.dataTables_length{margin-top: 10px;}
    .status{
        background-color: gray !important;
    }
    </style>
</div>
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}">

<div id="main">
    <div class="container-fluid">
		<div class="page-header">
			@if(has_permission('user_create'))
			<div class="pull-right">
		{{-- <a href="{{URL::to('admin/leads/addlead')}}" class="btn btn-primary">Add Leads <i class="fa fa-plus"></i></a> --}}
				
			</div>
			@endif
			<h2>Leads</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
	</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">
					<a href="{{URL::to('admin/leads/addlead')}}"> <button type="button" class="btn btn-secondary btn-middle btn_select"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;New leads</button> </a>
                        {{-- <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" placeholder="Search by name" class="input_small border pull-left input_bigger" />
						<button type="submit" class="btn color-gray go_btn pull-left btn-middle"><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">