@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
		<div class="page-header">
			 <div class="breadcrumb-four">
					<ul class="breadcrumb">
					 @php
                        $Dashboard=url('dashboard');
                    @endphp
						<li><a href="{{$Dashboard}}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
						<li>
							<a href="{{url('List-Tm_Team')}}" title="List Teams">
							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>List Teams</a>
						</li>
						<li>
							<a href="{{url('Create-Tm_Team')}}" title="List Teams">
							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>Create Teams</a>
						</li>
						
					</ul>
				</div>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="statbox widget box box-shadow">
					<div class="widget-header">
						<div class="row">
							<div class="col-xl-12 col-md-12 col-sm-12 col-12">
								<h4>List of Teams</h4>
							</div>          
						</div>
					</div>
					<div class="widget-content widget-content-area">
						@if (\Session::has('success'))
							<div class="alert alert-arrow-left alert-icon-left alert-light-primary mb-4" role="alert">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-dismiss="alert" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
								<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
								<strong>Success!</strong> Team Successfully Created.
							</div>
						@endif
						<div class="table-responsive">
							<table class="table table-bordered mb-4">
								<thead>
									<tr>
										<th class="text-center">Name</th>
										<th class="text-center">Date Created</th>
										<th class="text-center">Edit</th>
										<th class="text-center">Delete</th>
									</tr>
								</thead>
								<tbody>
								@php
								 $Dashboard=url('dashboard');
								@endphp
									@foreach ($TmTeams as $Team)									
									<tr>
										<td class="text-center">
											<a  data-toggle="modal" data-target="#AssingModal" onclick="LoadData('Teams','{{$Team->TmTeamID}}')">
											{{$Team->TeamName}}
											</a>
										</td>
										<td class="text-center">{{$Team->CreatedDate}}</td>
										@php
										$TeamID=$Team->TmTeamID;
										@endphp
										<td class="text-center"> <a href="{{ url('EditList',$TeamID) }}" class="btn btn-primary mb-2">Edit</a></td>
										<td class="text-center">  <a onclick="RemoveMe('{{$Team->TmTeamID}}');" class="btn btn-danger mb-2">Delete</a></td>
									</tr>
									@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div id="AssingModal" class="modal animated fadeInDown" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title"><div id="ModalHeading" name="ModalHeading"></div></h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
							</button>
						</div>

						<div class="modal-body">
							<p class="modal-text">
								<div class="loader dual-loader mx-auto" name="LoadingDiv" id="LoadingDiv" style="display:none"></div>
								<div id="ListRolesTeams" name="ListRolesTeams"></div>
							</p>
						</div>
						<div class="modal-footer">
							<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i>Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
        <!--  END CONTENT AREA  -->
@endsection
<script type="text/javascript">
$(document).ready(function() {
	//alert("In Here");	
});
function LoadData(DType, TeamId){
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
		}
	});
	var formData = {
		TeamId: TeamId,
	};
	var type = "POST";
		var Modalheading = "List of Users";
		var ajaxurl = 'ViewUserbyTeam';
	$.ajax({
		type: type,
		url: ajaxurl,
		data: formData,
		beforeSend:function(){
			$('#ModalHeading').html(Modalheading);
			$('#ListRolesTeams').html("");
			document.getElementById("LoadingDiv").style.display = "block";
		},
		success: function (result) {
			document.getElementById("LoadingDiv").style.display = "none";
			$('#ListRolesTeams').html(result);
		},
		complete: function () {
			
		},
		error: function (data) {
			//console.log(data);
			alert(data);
		}
	});
}

function RemoveMe(TeamId)
{
    $.ajax({
        url: '{{url("DeleteTeam")}}'+"/"+TeamId,
        type: 'POST',
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        dataType: 'json',
        success: function() {
            },
            complete:function(response){
				console.log(response.responseText);
				var Totalresponse=response.responseText;
				var Totalresponse=JSON.parse(Totalresponse);
				console.log(Totalresponse);
                 if(Totalresponse.Status =="Success"){
                    Snackbar.show({
                        // text: 'Updated Successfully',
                        text: Totalresponse.Message,
                        pos: 'top-right',
                    });
					var url="List-Tm_Team";
                    var href="{{'"+url+"'}}";
                    window.location.href = url;
                }else{
                    Snackbar.show({
                        text: 'Failed to Update',
                        pos: 'top-right',
                        actionTextColor: '#fff',
                        backgroundColor: '#e7515a'
                    });
                }
            }
        }); 
}
</script>