@extends("admin.admin_app")
@section("content")
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
.more_phone .intl-tel-input{width: 90%;}
.more_phone .text{width:93% !important;}
.btn-blue-1{border-radius: 4px; background: #2E90FA; padding: 8px 14px;font-weight: 600; border: 1px solid #2e90fa; color: #FFFFFF; font-size: 14px; line-height: 18px;}
.btn-green{padding: 7px 14px;}
.white-btn{color: #1D2939; font-weight: 600; padding: 7px 14px; background: #FFFFFF; border: 1px solid #D0D5DD; border-radius: 8px; font-size: 14px; line-height: 20px;}
.btn-light{border-radius: 8px !important; padding: 5px 14px !important;}
.pl-5{padding-left: 5px;}
.f-right{float: right;}
.pr-15{padding-right: 15px !important;}
.pr-20{padding-right: 20px !important;}
.btn-red{background: #FFFAEB; padding: 2px 8px; font-weight: 400; color: #B54708; font-size: 12px; line-height: 18px;border-radius: 16px;}
.btn-orange{background: #FFFAEB; padding: 2px 8px; font-weight: 400; color: #B54708; font-size: 12px; line-height: 18px;border-radius: 16px;}
.box-green{background: #ECFDF3; padding: 2px 8px; font-weight: 400; color: #027A48; font-size: 12px; line-height: 18px; border-radius: 16px;}
.form-check-input{width: 16px; height: 16px;}
.bg-none{background: none;}
.form-select{background-image: none;}
.mt-16{margin-top: 16px !important;}
.search-img{position: absolute; top: 6px; left: 9px; z-index: 1; width: 18px;}
input[type="file"] {
    display: none;
}

.custom-file-upload { border: 1px solid #ccc; display: inline-block; cursor: pointer;}
.select2-container .select2-search--inline .select2-search__field{font-size: 11px;}
.select2-search{position: relative;line-height: 22px;}
.select2-container .select2-selection--multiple .select2-selection__rendered{margin-left: 30px;}
.select2-container--default .select2-selection--multiple{height: 32px; border-radius: 8px; border: 1px solid #D0D5DD; box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);}
</style>
</div>
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}">
<div class="pl-24 pr-24 pt-18 pb-18" style="background: #F9FAFB;">
	<form method="get" id="filter_form" enctype="multipart/form-data">
		<div class="row m-0">
			<div class="col-sm-5 p-0">
				<div class="pr-10 pull-left block">
					<!--<a href="{{url('/')}}/admin/contact/add" class="btn btn-medium bg-green block"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;New contact</a>-->
					@if(iupcheck('add_new', 'deals') == 1)
					<button type="button" class="btn-green fs-14 block" data-toggle="modal" data-target="#add_new_contact"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.99996 1.16699V12.8337M1.16663 7.00033H12.8333" stroke="#FCFCFD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
					&nbsp;New Closing</button>
					@endif
					
				</div>
				<div class="btn-group block pull-left">
					<label for="file-upload" class="custom-file-upload white-btn">Import</label>
					<input id="file-upload" type="file">
				</div>
			</div>
			<div class="col-sm-7 pr-0">
				<div class="pull-right relative">
				<form method="get" enctype="multipart/form-data">
					<span class="search-icon"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z" stroke="#98A2B3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
					<input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" 
					placeholder="Search Contact" class="search_input" />
				</form>
					<div class="btn-group">
						<button type="button" class="btn-light dropdown-toggle shortby_dropdown" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
							<span class="svg-icon">
								<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path d="M5 10H15M2.5 5H17.5M7.5 15H12.5" stroke="#475467" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
								</svg>
								Sort by
							</span>
						</button>
						<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start bor-8" style="min-width: 296px; border: 1px solid #D0D5DD; padding: 16px; margin-top: 4px;margin-left: -280px;">
					{!! Form::open(array('role'=>'form','enctype' => 'multipart/form-data')) !!}
                    {{ csrf_field() }}
					<div class="col-sm-12 p-0 text-left">