@extends('layouts.header')
@section('content')
@php

$TeamName=$GetTeamValues[0]->TeamName;
$TeamId=$GetTeamValues[0]->TmTeamID;
@endphp
<!--  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="" title="Edit 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>Edit 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 class="row">
							<div class="col-md-4">
								  <label>Team Name</label>
								   <input type="text" class="form-control"  id="TeamName" name="TeamName"  value="{{$TeamName}}" required>
							</div>
							<br>
							<div class="col-md-12" align="center">
								 <button type="button" class="btn btn-primary" id="mySubBtn" onclick="SubmitForm('{{$TeamId}}')">Submit</button>
							</div>
						</div>
						
						
					</div>
				</div>
			</div>
		</div>
        <!--  END CONTENT AREA  -->
@endsection
<script type="text/javascript">
$(document).ready(function() {
	//alert("In Here");	
});
    function SubmitForm(TeamId){
		var TeamName = $('#TeamName').val();
        var formData = {
            TeamId: TeamId,
            TeamName: TeamName
        };
    $.ajax({
        url: '{{url("SaveEditTeam")}}',
        type: 'POST',
        //data: data,
        data: formData,
        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 Delete',
                        pos: 'top-right',
                        actionTextColor: '#fff',
                        backgroundColor: '#e7515a'
                    });
                }
            }
        }); 
}
</script>