I have an admin dashboard and within that view tabs. what I want to do is load different view to show data for different tabs clicked or load the same tab when a submit button is clicked in the tab. this is my admin dashboard view.
@extends('layouts.app')
@section('content')
<br />
<br />
<div>
<div class="container">
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
<li><a href="#tab2" data-toggle="tab">Section 2</a></li>
<li><a href="#tab3" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Dashboard</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
You are logged in as ADMIN!
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab3">
<div class="container">
<div class="row">
<div class="col-md-12"><br />
<form method="post" action="{{url('/admindash')}}">
<input type="hidden" name="_token" value="{{csrf_token()}}">
<h1>Attendance Data</h1>
<br />
Email:<br />
<input type="text" name="email">
<br />
<br />
{{-- Date:<br />
<input type="text" name="date" class="date-picker">
<br />
<br /> --}}
<button type="submit" class="btn btn-default" value="Open In Same Window" id="open_same_window">Submit</button>
</form>
<br />
<br />
<table class="table table-bordered">
<tr>
<td>User ID</td>
<td>Email</td>
<td>Status</td>
<td>Date</td>
<td>Time</td>
</tr>
@foreach($data as $value)
<tr>
<td>{{$value->User_id}}</td>
<td>{{$value->email}}</td>
<td>{{$value->status}}</td>
<td>{{$value->date}}</td>
<td>{{$value->time}}</td>
<td><a href=""><button>Delete</button></a></td>
</tr>
@endforeach
</table>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<br />
<form method="post" action="{{url('/admindash')}}">
<input type="hidden" name="_token" value="{{csrf_token()}}">
<h1>Summary Data</h1>
<br />
</form>
<br />
<br />
<table class="table table-bordered">
<tr>
<td>Total Working Hours</td>
<td>Average Working Hours</td>
</tr>
<tr>
<td>{{$response['wsum']}}</td>
<td>{{$response['wavg']}}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab2">
<div class="container">
<div class="row">
<div class="col-md-12">
<br />
<form method="post" action="{{url('/admindash')}}">
<input type="hidden" name="_token" value="{{csrf_token()}}">
<h1>User List</h1>
<br />
Email:<br />
<input type="text" name="email">
<br />
<br />
<button type="submit" class="btn btn-default" value="Open In Same Window" id="open_same_window">Submit</button>
</form>
<br />
<br />
<table class="table table-bordered">
<tr>
<td>User ID</td>
<td>Name</td>
<td>Email</td>
<td>Username</td>
<td>Address</td>
<td>Phone</td>
<td>Designation</td>
</tr>
<tr>
<td>{{$getdata['id']}}</td>
<td>{{$getdata['name']}}</td>
<td>{{$getdata['email']}}</td>
<td>{{$getdata['username']}}</td>
<td>{{$getdata['address']}}</td>
<td>{{$getdata['phone']}}</td>
<td>{{$getdata['designation']}}</td>
<td><a href=""><button>Update</button></a></td>
<td><a href=""><button>Delete</button></a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- <script>
$(".date-picker").nepaliDatePicker({
dateFormat: "%y %m, %d ",
closeOnDateSelect: true,
});
</script> --}}
<script>
$(document).ready(function() {
$('#tabMenu a[href="#{{ old('
tab ') }}"]').tab('show')
});
// Javascript to enable link to tab
$(function() {
var hash = window.location.hash;
hash && $('ul.nav a[href="' + hash + '"]').tab('show');
});
</script>
here if I am in a tab and do a submit button click the tab is reloaded to the first tab but what I wanna do is reload the same tab on the click of the submit button. I am filtering data through a textbox and the click of the button.
