@extends('marketing.main')

@push('marketing_title') Non Paid Fresh Data | POLI - Marketing Panel @endpush

@push('page-custom-css')

    <link rel="stylesheet" href="{{ asset('assets/polipop-master/dist/css/polipop.core.min.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/polipop-master/dist/css/polipop.default.min.css')}}" />
	<style type="text/css">
		.small-class
		{
			font-size: 13px;
			font-family: consolas;
			letter-spacing: 0px;
		}
		.action_panel
		{
			opacity: 0.5;
			pointer-events: none;
			display: flex;
			border-bottom: none;
		} 
		.action_panel button:nth-child(2){
			margin: 0 5px;
		}
		.active_row
		{
			/* background: #ddd !important;
			   background: repeating-linear-gradient(108deg, #fc99ff, #ffd07a 325px, #b8ffba, #ff7373) !important;*/
			background: repeating-linear-gradient(108deg, #e5e5e5, #bae4ff 325px, #d3f7d4, #ededed) !important;
			font-weight: bold;
		}
		.action_panel_active .btn-outline-success
		{
			background: #198754 !important;
			color: #fff;
		}
		.action_panel_active .btn-outline-primary
		{
			background:#0D6EFD !important;
			color: #fff;
		}

		.action_panel_active .btn:hover
		{
			opacity: 0.8;
			margin-top: -2px;
		}

		.user_data_table .self_assign
		{
			border: 2px solid #7e79e1;
			border-radius: 50%;
		}

		.user_data_table .self_assign:checked
		{
			border: 10px solid #7e79e1;
		}

		table tr, table th {
			border: 1px solid #2d2d2d;

		}

	</style>
@endpush

@section('MarketingPanel')
	

    <div class="content">
    	<div class="container">
		    <div class="row">
		        <div class="col-md-6">
		            <h2 class="page-title">Leads</h2>
		            <div class="page-pretitle"> 
		             	<a href="{{ Request::url() }}">Non Paid Fresh</a>
		            </div>
		        </div>
		        <div class="col-md-3">
		        	<p class="page-title"> {{ Str::of(explode(' ',Auth::guard('marketing')->user()->name)[0])->limit(12,'..') }} </p>
		        	<p class="page-pretitle show_time"> {{ date('D,d M') }} <span></span> </p> 
		        </div>
		    </div>
		</div> 
    		<div class="row">
    			<div class="container" style="overflow-x:auto;">

					<div id="response_results">
						{{-- dd( Auth::guard('marketing') ) --}}
					</div>

	    			<table  style="overflow-x:auto;" class="table user_data_table">
	    				<thead>
	    					<tr>
	    						<th></th>
	    						<th>ID</th>
	    						<th>Name</th>
	    						<th>Type</th>
	    						<th>Reg. Date</th>
	    						<th>Action</th>
	    					</tr>
	    				</thead>
	    				<tbody>
	    					@forelse($response as $count => $fetch)
							    <tr class="" id="row_id_{{ $fetch->id }}">
							    	<td>
							    		<input type="checkbox" name="check" class="form-check-input self_assign">
							    	</td>
							    	<td>
							    		{{ $fetch->partner_id }}
							    	</td>
							    	<td>
							    		{{ Str::of($fetch->name)->limit(20) }}						    		
							    	</td>
							    	<td>
							    		{{ $fetch->occupation }}
							    	</td>
							    	<td>
							    		<small>{{ date('d/m/y h:i A',strtotime($fetch->insert_date)) }}</small>
							    	</td>
							    	<td class="action_panel">
							    		<button class="btn btn-sm btn-outline-success" onclick="clickTocall(this)" id="call_{{$fetch->id}}"> <i class="fas fa-phone"> </i> </button>
							    		<button class="btn btn-sm btn-outline-primary" onclick="addRemarks(this)" id="addRemarks_{{ $fetch->id }}"> Remarks </button>
							    		<button class="btn btn-sm btn-outline-danger" onclick="ScheduleCall(this)" id="call_back_{{$fetch->id}}"> <i class="fas fa-calendar" aria-hidden="true"></i> </button>
							    		<button class="btn btn-sm" onclick="complete_task(this)" id="remove_btn_{{$fetch->id}}" hidden> <i class="fas fa-check"></i> </button>
							    		<!-- <select class="btn btn-sm" onchange="complete_task(this)" id="remove_btn_{{$fetch->id}}" hidden>  
							    			<option value="" selected readonly >Call Status</option>
							    			<option value="1">complete</option>
							    			<option value="2">not connected</option>
							    			<option value="3">scheduled</option>
							    		</select> -->
							    	</td>
							    </tr>
							@empty
							   <tr>
							    	<td class="text-center" colspan="100%">
							    		<span>No Data Found</span>
							    	</td>
							    </tr>
							@endforelse
	    				</tbody>
	    			</table>
					<div class="pagination">
						{!! $response->links() !!}
					</div>
    			</div>
    		</div>
    	</div>
    </div>

	    <!-- Modal -->
		<div class="modal fade" id="addRemarks" role="dialog" tabindex="-1">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title">Add Remarks</h5>
		        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		      </div>
		      <div class="modal-body text-start">
			        <form accept-charset="utf-8" id="AddRemarksForm">
			            <div class="mb-3">
			                <label for="remarks" class="form-label">Enter Remarks Here</label>
			                <textarea class="form-control" name="agent_remarks" id="agent_remarks"> </textarea>
			                <input type="hidden" value="" name="p_user_id" id="p_user_id">
			                @csrf
			            </div>
			            <div class="mb-3">
			                <button type="submit" class="btn btn-primary">Save Remarks</button>
			            </div>
			        </form>
		      </div>
		    </div>
		  </div>
		</div>

		<!-- Modal -->
		<div class="modal fade" id="ScheduleCall" role="dialog" tabindex="-1">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title">Schedule Call</h5>
		        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		      </div>
		      <div class="modal-body text-start">
			        <form accept-charset="utf-8" id="ScheduleCall_form">
			            <div class="mb-3">
			            	<input type="datetime-local" name="schedule_time" class="form-control" placeholder="01/01/2022 15:30:00">
			                <input type="hidden" value="" name="p_user_id" id="p_user_id">
			                @csrf
			            </div>
			            <div class="mb-3">
			                <button type="submit" class="btn btn-primary">Schedule CallBack</button>
			            </div>
			        </form>
		      </div>
		    </div>
		  </div>
		</div>


@endsection


@push('marketing-page-js')

<script>

</script>

@endpush