@extends('layouts.client_template')
@section('content')

<style>
.slick-prev {
    left: -15px !important;
}
.slick-next {
    right: -15px !important;
}



.btn_secondary {    
    padding: 5px 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    
}

.category-item {
	text-align: center;
	margin: 0 10px;
}
.circle {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	border: 2px solid transparent;
}
.slick-next:before, .slick-prev:before {
color: #000000 !important;
}
 .activebordercolor{
	color: #ff5c1e !important ;
 }   
 h6, .h6 {    
    font-weight: 600 !important;
}
</style>

<aside class="page_content_wrapper">
	<div class="page_content_inner">
        @include('layouts.client_assign_manager')
        <h2 class="page_title">Trade And Win</h2>
		<div class="flash-message">
			@foreach (['danger', 'warning', 'success', 'info'] as $msg)
			@if(Session::has('alert-' . $msg))
			<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
				<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
				<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
			</div>
			@endif
			@endforeach
		</div>
        <div class="regulation_wrapper">
			<div class="regulation_title">
				@if(count($records) > 0)
				<h4 class="mb-4">Categories</h4>

				<div class="category-slider d-flex align-items-center">
					<div class="category-item">
						<div class="circle @if($mycat == 'all' || $mycat == '') activeborder @endif">
							<a href="{{ url('/client/tradeandwin?cat=all') }}"><i class="fa fa-th" style="font-size:24px;"></i></a>
						</div>
						<div class="category-label mt-2 @if($mycat == 'all' || empty($mycat)) activebordercolor @endif"> <h6>All</h6> </div>
					</div>
					
						@foreach($lotcategory as $value)
							<div class="category-item">
								<div class="circle @if($mycat == $value->id) activeborder @endif">
									<a href="{{ url('/client/tradeandwin?cat='.$value->id) }}">
										<img src="{{ asset('images/rewards/category/' . $value->image) }}" class="img-fluid" style="max-width: 100%; max-height: 100%;">
									</a>
								</div>
								<div class="category-label mt-2 @if($mycat == $value->id) activebordercolor @endif"> <h6>{{ $value->name }}</h6></div>
							</div>
						@endforeach
					

				</div>
				@endif
				<h5 class="mb-0 mt-3">Your Price Lots: {{ $myactivelots }}</h5>
                <p class="mb-0">1 Traded Lot = 1 Price Lot</p>

				<a href="#" class="back_button"><img src="{{ asset('/newdesign/images/back.svg') }}" alt=""></a>
			</div>
			<div class="white_box_part pt-0">
				@if(count($records) > 0)
				<div class="row d-flex align-items-stretch">
					@foreach($records as $key => $value)
					<div class="col-sm-6">
						<div class="newsinglewrap">
							<div class="trending_box"> 
								<a class="text-muted fw-medium mb-1" href="javascript:void(0);" 
									class="btn btn-link mt-2 view-more-btn" 
									data-bs-toggle="modal" 
									data-bs-target="#account-details-modal"
									data-title="{{ $value->title }}"
									data-description="{{ $value->description }}"
									data-image="{{ asset('images/rewards/tradeandwin/' . $value->image) }}">
									
									<img src="{{ asset('images/rewards/tradeandwin/' . $value->image) }}" alt="">
								</a>
								<div class="trending_content">
									<a class="text-muted fw-medium mb-1" href="javascript:void(0);" 
										class="btn btn-link mt-2 view-more-btn" 
										data-bs-toggle="modal" 
										data-bs-target="#account-details-modal"
										data-title="{{ $value->title }}"
										data-description="{{ $value->description }}"
										data-image="{{ asset('images/rewards/tradeandwin/' . $value->image) }}">
										
										<h4>
											<span>												
												{!! \Illuminate\Support\Str::words($value->title, 4,'...')  !!}
											</span>
										</h4>
									</a>

									<h3>{{$value->targetlot}} lots</h3>
									@if($myactivelots < $value->targetlot)
										<h5 class="text-danger">Trade {{ round($value->targetlot - $myactivelots,2) }} lots to order</h5>
									@elseif($mypendingwith == 0)
										<a href="{{ url('/client/tradeandwinwithdraw/'.$value->id) }}" class="btn_secondary ">Collect Now</a>
									@endif									
								</div>
							</div>
						</div>
					</div>
					@endforeach
				</div>
				@else
				<div class="nodata_found">
					<div class="nodata_found-start">
						<div class="nodata_found_icon">
							<img src="{{ asset('/newdesign/images/news.svg') }}" alt="" />
						</div>
						<div class="nodata_found_text">
							<h5>No Rewards Added yet!</h5>
						</div>
					</div>
				</div>
				@endif
			</div>
		</div>
	</div>
</aside>
<aside class="right_content_wrapper">
	@include('layouts.client_assign_manager_right')
	<div class="bank_account_wrap bg_white_box mb-2">
        <h3 class="mb15">Helpline</h3>
		<div class="trasaction_type_wrap">
			<div class="row g-3">
				<div class="col-sm-6">
					<div class="bg_grey_box text-center grey_box_badge">
						<div class="img_wrap"> <img src="{{ url('/newdesign/images/icon-messages.svg') }}" alt=""> </div>
						<h5 class="text_extra_light m-0">Chat with us</h5>
						<a href="#" class="badge btn_secondary">Click here</a>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="bg_grey_box text-center grey_box_badge">
						<div class="img_wrap"> <img src="{{ url('/newdesign/images/icon-sms.svg') }}" alt=""> </div>
						<h5 class="text_extra_light m-0">Mail us</h5>
						<a href="mailto:{{env('SHOW_MAIL')}}" class="badge btn_primary">Click here</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="right_sidebar transaction_wrap bg_white_box">
        <h3>Reward History</h3>
        
			<div class="simple_table_wrap mb-3">
				@if(count($mywithdrawhistory) > 0)
				<div class="table-responsive">
					<table>
						<tbody>
							@foreach($mywithdrawhistory as $transactions)
							<tr>