@extends('backend.layout')

@section('content')


<div class="row">
	<div class="col-md-12">
		<div class="panel panel-flat">
			<div class="panel-heading" style="padding-top: 5px; padding-bottom: 5px;">
				<h3 class="content-group text-semibold mt-10 mb-10" >
					Thông tin đại lý : <b>{{$item->fullname }}</b>
				</h3>
				<div class="heading-elements">
					<ul class="icons-list">
                		<li style="margin-right: 15px;"><a href="{{route('backend.web_agen.list')}}"><i class="icon-arrow-left7"></i>Danh sách</a></li>
                		<li><a href="{{route('backend.web_agen.edit',$item->id)}}"><i class="icon-pencil"></i></a></li>
                	</ul>
            	</div>
			</div>

			<div class="panel-body">
				<div class="tabbable">
					<a href="#" class="visible-xs"><i class="icon-arrow-left7"></i>Danh sách</a>
					@include('backend.web.agency.nav')
					<div class="tab-content">
                        <div class="tab-pane {{ $action == 'open_package' ? 'active' : null }}" id="top-tab4">
                            <div class="panel panel-flat">
                                <div class="panel-body">
                                    <form action="" method="POST">
                                        {{ csrf_field() }}
                                        <fieldset class="content-group">
                                            <legend class="text-bold">
                                            {{ isset($user) ? 'Chỉnh sửa Đại lý website' : 'Mở gói dịch vụ cho đại lý' }}
                                            <a href="{{ route('backend.web_agen.list') }}" class="pull-right">Danh sách Đại lý website</a>
                                            </legend>
                    
                                            <div class="form-group has-feedback @if( @$errors->first('fullname') != null ) has-error  @endif ">
                                                <label class="control-label col-lg-2 text-semibold">SL tài khoản</label>
                                                <div class="col-lg-10">
                                                    <input type="text" class="form-control" placeholder="Nhập vào số lượng tài khoản" name="fullname" value="{{ old('fullname',@$agency->fullname)  }}">
                                                    <div class="form-control-feedback">
                                                         @if( @$errors->first('fullname') != null ) <i class="icon-notification2"></i> @endif
                                                        </div>
                                                    <span class="help-block">{{ @$errors->first('fullname') }}</span>
                                                </div>
                                            </div>
                                            <div class="form-group has-feedback @if( @$errors->first('service_id') != null ) has-error  @endif ">
                                                <label class="control-label col-lg-2 text-semibold">Dịch vụ</label>
                                                <div class="col-lg-10">
                                                    <select name="service_id" class="form-control select2"  data-allow-clear="true"  data-placeholder="Chọn danh mục">
                                                        <option value="">Chọn dịch vụ</option>
                                                        @foreach ($services as $item)
                                                            <option value="{{$item ->id}}">{{$item->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    <div class="form-control-feedback">
                                                         @if( @$errors->first('service_id') != null )<i class="icon-notification2"></i> @endif
                                                    </div>
                                                    <span class="help-block">{{ @$errors->first('service_id') }}</span>
                                                </div>
                                            </div>  
                                        </fieldset>
                                        <div class="clearfix"></div>
                                        <div class="text-right">
                                            <button type="submit" class="btn btn-primary">{{ isset($user) ? 'Cập nhật' : 'Thêm mới' }} <i class="icon-file-plus position-right"></i></button>
                                        </div>
                                    </form>
                    
                                </div>
                            </div>
						</div>

						<div class="tab-pane {{ $action == 'histories' ? 'active' : null }}" id="top-tab1">
							<div class="row">
								{{-- <div class="col-md-6">
									<div class="table-responsive content-group">
										<table class="table table-framed">
											<tbody>
												<tr>
													<td>Địa chỉ</td>
													<td>
									                	<h6><b>{{ $item->title }}</b></h6>
													</td>
												</tr>
												<tr>
													<td></td>
													<td><span style=";">{{ @$item->street->full_name ? 'Đường '.$item->street->full_name.' - ' : '' }} Q.{{  @$item->district->full_name }}</span></td>
												</tr>
												<tr>
													<td><span class="text-semibold">Chủ nhà</span></td>
													<td>
									                	{{ $item->customer_name ?  $item->customer_name : 'Chưa xác định'}}
													</td>
												</tr>
												@if( Auth::user()->hasRole('admin') || Auth::user()->hasRole('root') )
												<tr>
													<td><span class="text-semibold">Số điện thoại</span></td>
													<td>
									                	{{ $item->customer_phone ?  $item->customer_phone : 'Chưa xác định'}}
													</td>
												</tr>
												@if($item->customer_sub_phone)
												<tr>
													<td><span class="text-semibold">Số điện thoại khác</span></td>
													<td>
									                	{{ $item->customer_sub_phone ?  $item->customer_sub_phone : 'Chưa xác định'}}
													</td>
												</tr>
												@endif
												@endif

												@if( Auth::user()->hasRole('headof') && $item->status_id != 4)
												<tr>
													<td><span class="text-semibold">Số điện thoại</span></td>
													<td>
									                	{{ $item->customer_phone ?  $item->customer_phone : 'Chưa xác định'}}
													</td>
												</tr>
												@if($item->customer_sub_phone)
												<tr>
													<td><span class="text-semibold">Số điện thoại khác</span></td>
													<td>
									                	{{ $item->customer_sub_phone ?  $item->customer_sub_phone : 'Chưa xác định'}}
													</td>
												</tr>
												@endif
												@endif

												@if( Auth::user()->hasRole('package') && $item->status_id != 4)
												<tr>
													<td><span class="text-semibold">Số điện thoại</span></td>
													<td>
									                	{{ $item->customer_phone ?  $item->customer_phone : 'Chưa xác định'}}
													</td>
												</tr>
												@if($item->customer_sub_phone)
												<tr>
													<td><span class="text-semibold">Số điện thoại khác</span></td>
													<td>
									                	{{ $item->customer_sub_phone ?  $item->customer_sub_phone : 'Chưa xác định'}}
													</td>
												</tr>
												@endif
												@endif

												@if( Auth::user()->hasRole('assistant') && $item->status_id != 4)
												<tr>
													<td><span class="text-semibold">Số điện thoại</span></td>
													<td>
									                	{{ $item->customer_phone ?  $item->customer_phone : 'Chưa xác định'}}
													</td>
												</tr>
												@if($item->customer_sub_phone)
												<tr>
													<td><span class="text-semibold">Số điện thoại khác</span></td>
													<td>
									                	{{ $item->customer_sub_phone ?  $item->customer_sub_phone : 'Chưa xác định'}}
													</td>
												</tr>
												@endif
												@endif
												
												<tr>
													<td><span class="text-semibold">Hiển thị</span></td>
													<td>
									                	{{ $item->is_public ? 'Công khai' : 'Không công khai'}}
													</td>
												</tr>
												<tr>
													<td>Trạng thái</td>
													<td>
									                	{{ $item->status->name }}
													</td>
												</tr>

												<tr>
													<td><span class="text-semibold">Mô tả</span></td>
													<td>
									                	{!! str_replace('<br /><br />', '<br/>', $item->description) !!}
													</td>
												</tr>
												<tr>
													<td><span class="text-semibold">Loại bất động sản</span></td>
													<td>
									                	<b>{{@$item->category->display_name}}</b>
													</td>
												</tr>
												
												<tr>
													<td><span class="text-semibold">Phù hợp</span></td>
													<td>
									                	<b>{{$item->suggets->pluck('name')->isEmpty() ? 'N/A' : $item->suggets->pluck('name')->implode(', ') }}</b>
													</td>
												</tr>
												
											</tbody>
										</table>
									</div>
								</div>
								<div class="col-md-6">
									@if($item->images)
							        <div class="swiper-container gallery-top">
							            <div class="swiper-wrapper">
							                @foreach($item->images as $img)
							                <div class="swiper-slide"><img src="{{ url($img) }}" alt="{{ $item->title }}"></div>
							                @endforeach
							            </div>
							        </div>
							        <div class="swiper-container gallery-thumbs">
							            <div class="swiper-wrapper">
							                @foreach($item->images as $img)
							                <div class="swiper-slide"><img src="{{ url($img) }}" alt="{{ $item->title }}"></div>
							                @endforeach
							            </div>
							        </div>
							        @endif
								</div> --}}
                                <h1>Đây là trang lịch sử giao dịch</h1>
							</div>
						</div>

                        <div class="tab-pane {{ $action == 'package_list' ? 'active' : null }}" id="top-tab5">
							<div class="row">
                                <div class="col-md-12">
                                    <div class="panel panel-flat">
                                        <div class="navbar navbar-default navbar-xs fillter padding-0" style="">
                                            <ul class="nav navbar-nav no-border visible-xs-block">
                                                <li>
                                                    <a style="float: left;" class="text-left collapsed" data-toggle="collapse" data-target="#navbar-filter"><i class="icon-more"></i></a>
                                                    <a style="float: right;" class="btn text-right" data-popup="tooltip" title="" ><i class="icon-plus3 position-left"></i></a>
                                                    <a style="float: right;" class="color-black btn" data-popup="tooltip" title="Huỷ lọc" ><i class="icon-cancel-circle2 position-left"></i></a>
                                                    <button style="float: right;" data-popup="tooltip" title="Lọc" type="submit" class="btn btn-sucess text-right"><i class="icon-search4 position-left"></i></button>
                                                </li>
                                            </ul>
                            
                                            <div class="navbar-collapse collapse" id="navbar-filter">
                                                <form action="" method="GET">
                                                    <ul class="nav navbar-nav">
                                                        <li>
                                                            <input class="form-control" name="keyword" placeholder="Tên đại lý, dịch vụ" value="{{ @$_GET['keyword'] }}"  autocomplete="off">
                                                        </li>
                                                    </ul>
                            
                                                    <div class="navbar-right hidden-xs">
                                                        <button data-popup="tooltip" title="Lọc" type="submit" class="btn btn-sucess"><i class="icon-search4 position-left"></i></button>
                                                        <a class="color-black btn" data-popup="tooltip" title="Huỷ lọc" href="" ><i class="icon-cancel-circle2 position-left"></i></a>
                                                        {{-- <a class="btn text-primary" data-popup="tooltip" title="Thêm mới giảm giá đại lý website" href="{{ route('backend.web_discount.getNew') }}" ><i class="icon-plus3 position-left"></i></a> --}}
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        
                                        <div class="clearfix"></div>
                                        <div class="table-responsive" style="min-height:400px;">
                                            <table class="table table-bordered table-striped">
                                                <thead>
                                                    <tr>
                                                        <th  class="text-center" width="20">STT</th>
                                                        <th>Tên đại lý</th>
                                                        <th>Dịch vụ</th>
                                                        <th>Số lượng tài khoản</th>
                                                        <th>Số tài khoản hoạt động</th>
                                                        <th>Giảm giá</th>
                                                        <th>Tổng tiền</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if($agencies != null)
                                                    @foreach($agencies as $stt => $agency)
                                                    <tr>
                                                        <td class="text-center">{{ ($agencies->currentPage() - 1)*$agencies->perPage() + $stt + 1  }}</td>
                                                        <td>{{ $agency->agency->fullname }}</td>
                                                        <td>
                                                            {{ $agency->service->name}}
                                                        </td>
                                                        <td>
                                                            {{ $agency->account_quantity}}
                                                        </td>
                                                        <td>
                                                            {{ $agency->countActiveAccounts()}}
                                                        </td>
                                                        <td>
                                                            
                                                        </td>
                                                        <td>
                                                            {{ $agency->total_amount}} USD
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @endif
                                                </tbody>
                                            </table>
                                            <div class="clear-fix" style="border-top:1px solid #ccc;"></div>
                                            <div style="padding:10px 15px;text-align:center;">
                                                {{-- {{ $discounts->appends(@$_GET)->links() }}	 --}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection

@push('styles')
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
	<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>
	<style type="text/css">
		.swiper-container {
            width: 100%;
            height: 100%;
        }
        .gallery-top {
        	overflow: hidden;
            height: 80%;
            width: 100%;
        }
        .gallery-thumbs {
            height: 20%;
            box-sizing: border-box;
            padding: 10px 0;
        }
        .swiper-thumbs img{
        	max-height: 100px !important;	
        }
        .swiper-slide img{width: 100%;max-height: 350px; object-fit: contain;}
        .gallery-thumbs .swiper-slide {
            width: 25%;
            height: 100%;
            opacity: 0.4;
        }
        .gallery-thumbs .swiper-slide-thumb-active {
            opacity: 1;
        }

		.nav-tabs.nav-tabs-top>li.active>a, .nav-tabs.nav-tabs-top>li.active>a:focus, .nav-tabs.nav-tabs-top>li.active>a:hover{
			    background-color: #0acde68c;
		}
		@media screen and (max-width: 768px){
			.label-list .navbar-right{
				position: absolute;
				top: 0px;
				right: -10px;
			}
		}
		.modal-header .close {
		    position: absolute;
		    right: 10px;
		    top: 9px;
		    margin-top: 0;
		}
		.modal.right .modal-dialog {
		  position: fixed;
		  margin: auto;
		  min-width: 350px; /* Điều chỉnh độ rộng của modal phù hợp với yêu cầu của bạn */
		  height: 100%;
		  top: 45%;
		  right: -370px; /* Khoảng cách từ phía bên phải màn hình */
		  transition: right 0.3s ease-in-out;
		}

		.modal.right.in .modal-dialog {
		  right: 0;
		}
		.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
			cursor: pointer;
		}
		@media (max-width: 768px) {
			.panel-body{
                padding: 0px;
            }
		    .nav-tabs:before {
		    	display: none;
		    }
		    .nav-tabs>li{
		    	float: left;
		    }
		    .nav-tabs{
		    	padding: 0px;
		    }
		}
	</style>
@endpush

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/styling/switchery.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
	<script type="text/javascript">
    	$(document).ready(function() {
				$('.select2').select2();
		});
		document.addEventListener('DOMContentLoaded', function () {
	        var galleryThumbs = new Swiper('.gallery-thumbs', {
	            spaceBetween: 5,
	            slidesPerView: 4,
	            freeMode: true,
	            loop: true,
	            watchSlidesVisibility: true,
	            watchSlidesProgress: true,
	            autoplay: {
				    delay: 5000, 
				    disableOnInteraction: false, 
				},
	        });
	        var galleryTop = new Swiper('.gallery-top', {
	            spaceBetween: 5,
	            navigation: {
	                nextEl: '.swiper-button-next',
	                prevEl: '.swiper-button-prev',
	            },
	            thumbs: {
	                swiper: galleryThumbs
	            },autoplay: {
			        delay: 5000, // Thời gian chờ giữa các lần chuyển slide (đơn vị là mili giây)
			        disableOnInteraction: false, // Tắt chế độ tự động chuyển slide khi người dùng tương tác với slider
			    },
	        });
	    });
		$(document).ready(function() {
		    $('.thumb').magnificPopup({
			  	delegate: 'a',
			  	type: 'image',
			  	gallery: {
	                enabled: true,
	                navigateByImgClick: true, // Enable navigation when clicking on image
	                preload: [0,1], // Preload previous and next images for smoother navigation
	                arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
	                tPrev: 'Previous', // Text for previous button
	                tNext: 'Next', // Text for next button
	            },
			});
		});

		function reply(value, comment, user_name) {
            if (document.getElementById("reply-input").value !== null) {
                document.getElementById("reply-input").value = value;
                document.getElementById("comment").innerText = comment;
                document.getElementById("user-name").innerText = user_name;
                document.getElementById("reply-info").style.display = "block";
				document.getElementById("reply-info").style.display = "block";
				document.getElementById("input-comment").scrollIntoView({ behavior: 'smooth' });
            }
        }
	</script>

@endpush