@extends('admin.layout')

@section('content')
<style type="text/css">
  .modal-body {

    padding: 5rem 4rem;

    text-align: center;

}
span.custolebel {
    font-size: 12px;
}
.modal-footer .btn-primary:hover{
  background: transparent;
  border-color: transparent;
}

.dropdown-toggle::after{
    display: none;
}
.modal-body {

    font-size: 16px;

}



.modal-content {

    min-height: auto;

}



.modal-title {

    padding-left: 0;

}





.modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

}
.ecom-btn-border1{
      min-width: 125px;
          padding: 3px 9px;
}
.bg-beauty-green{
  background: #4CAF50 !important;
}
.container-custom01{
  max-width: 1900px;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}
/*Member new work*/

.customMemberList table tr th {
    font-size: 11px;
    padding: 5px !important;
}

.customMemberList table tr th a {
    font-size: 12px;
    color: #2b2a2a;
}

.customMemberList table tr td {
    font-size: 12px;
}
.custommserch .ordersearch {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.custommserch .ordersearch i.fas.fa-search {
    color: #7460ee;
}

.pagination{
    margin-top: 20px;
}
table.jambo_table thead tr th a {
    color: #fff !important;
}

table.jambo_table thead tr {
    background-color: #7460ee;
}
.content-wrapper.close-wrapper {
    margin-left: 300px!important;
}


.content-wrapper {
    margin-left: 0px!important;
}

.sidenav {
    width: 0px;
}
div#emailCustomerModal .modal-body {
    padding:0px;
}

@media (min-width: 576px){
	.modal-dialog {
		max-width: 683px;
		margin: 1.75rem auto;
	}
}
/*End*/
</style>

<div class="content-wrapper"> 


  <!-- Main content -->

  <section class="content"> 

    <!-- Info boxes --> 

    

    <!-- /.row -->

<div class="container-custom01">

    <div class="row">

      <div class="col-md-12">


            <div class="row">

              <div class="col-xs-12">

                  @if (count($errors) > 0) @if($errors->any())

                  <div class="alert alert-success alert-dismissible" role="alert">

                      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                      {{$errors->first()}}

                  </div>

                  @endif @endif
				  
					@if( session('success'))
						<div class="alert alert-success pt10 pb10 mt10 mb10" style="display:block">
							{{ session('success') }}
						</div>
					@endif				  

              </div>

          </div>

            <div class="row">

              <div class="col-md-12">
              
                <div class="custommserch">
                 <div class="ordersearch">
                  <form action="" method="get">
                  <button type="submit" style="position: absolute;box-shadow: none !important;background: none;border: none;"><i class="fas fa-search"></i></button>
                    <input type="search" name="srch" id="searchable1" value="{{isset($_GET['srch'])?$_GET['srch']:''}}" placeholder="Search by phone number...">
                  </form>
				</div>
                </div>
				
			   				
				
					</br>
					<div class="customMemberList table-responsive">
						<table class="table table-striped responsive-utilities jambo_table">
							<thead>
								<tr>
                  <th id="member-grid_c3"><a class="sort-link" href="#">Title</a></th>
									<th id="member-grid_c1"><a class="sort-link" href="#">To Phone</a></th>
									<th id="member-grid_c2"><a class="sort-link" href="#">From Phone</a></th>
									
									<th id="member-grid_c4"><a class="sort-link" href="#">Detail</a></th>
									<th id="member-grid_c5"><a class="sort-link" href="#">Type</a></th>
									<th id="member-grid_c6"><a class="sort-link" href="#">Date</a></th>
								</tr>
							</thead>
							<tbody>
							
															</tbody>
						</table>
					</div>

              </div>
              <div class="">{{$notifications->links()}}</div>

            </div>

          </div>

          <!-- /.box-body --> 

        </div>

        <!-- /.box --> 

      </div>

      <!-- /.col --> 

    </div>

    <!-- /.row --> 

    <script>
    function memberDetails(id) {
        window.location = '/admin/memberdetails/'+id;
    }
</script>
  </section>


 

</div>




@endsection