<!DOCTYPE html>
<html lang="en">
<head>
@include('common.head')
</head>
<body>
@include('common.header')
@yield('content')
@include('common.footer')
</body>
</html>
@if (count($errors) > 0)
<div class="alert alert-danger alertdisapper">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
@if(session()->has('success'))
<div class="alert alert-success alertdisapper">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
{{ session()->get('success') }}
</div>
@endif
@if(session()->has('error'))
<div class="alert alert-danger alertdisapper">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
{{ session()->get('error') }}
</div>
@endif
<div id="error-message" style="display:none" class="alert alert-danger" data-dismiss="alert" aria-label="close">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
</div>
<div id="success-message" style="display:none" class="alert alert-success" data-dismiss="alert" aria-label="close">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
</div>
==================== footer
<hr>
<footer class="container-fluid text-center">
<p>Footer Text</p>
</footer>
@yield('js')
<script>
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$(document).ready(function(){
setTimeout(function(){$('.alertdisapper').fadeOut();}, 4000);
});
var url = $('meta[name="baseUrl"]').attr('content');
$(document).on("click",'.btnDelete',function(event) {
var url = $(this).data('url');
event.preventDefault();
if (confirm('Are you sure?')) {
form = $('#deleteForm');
form.attr('action', url);
form.submit();
}
});
</script>
=========================form
<form id="deleteForm" name="deleteForm" action="" method="post">
@csrf
@method('DELETE')
</form>
=====================head
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="baseUrl" content="{{ url('/') }}">
<title>@yield('title') | Admin {{ config('app.name') }}</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- sweetalert cdn -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.js"></script>
<!-- Data Tables css -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.1/css/responsive.bootstrap4.min.css">
<!-- Datatables script -->
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.1/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.1/js/responsive.bootstrap4.min.js"></script>
<!-- lottiefiles script -->
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
@yield('css')
<style>
.row.content {height: 500px}
footer { background-color: #555;color: white;padding: 15px; }
</style>
================= header
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ route('company.index') }}">Logo</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="{{ request()->is('company*') ? 'active' : '' }}"><a href="{{ route('company.index') }}">Company</a></li>
<li><a href="{{ route('employee.index') }}">Employee</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="{{ route('AdminLogout') }}"><span class="glyphicon glyphicon-log-in"></span> Logout</a></li>
</ul>
</div>
</div>
</nav>
Comments
Post a Comment