| DIR: /home/islapiiu/sites/shiny/admin/ |
| Current File : /home/islapiiu/sites/shiny/admin/create-invoice.php |
<?php
include_once(dirname(__FILE__) . '/../class/include.php');
include_once(dirname(__FILE__) . '/auth.php');
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>Create New Invoice || Invoice Manager </title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="plugins/node-waves/waves.css" rel="stylesheet" />
<link href="plugins/animate-css/animate.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet">
<link href="css/themes/all-themes.css" rel="stylesheet" />
<link href="plugins/sweetalert/sweetalert.css" rel="stylesheet" />
</head>
<body class="theme-red">
<?php
include './navigation-and-header.php';
?>
<section class="content">
<div class="container-fluid">
<?php
if (isset($_GET['message'])) {
$MESSAGE = New Message($_GET['message']);
?>
<div class="alert alert-<?php echo $MESSAGE->status; ?>" role = "alert">
<?php echo $MESSAGE->description; ?>
</div>
<?php
}
?>
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<form method="post" action="post-and-get/invoice.php" enctype="multipart/form-data">
<div class="card">
<div class="header">
<h2>
Create New Invoice
</h2>
</div>
<div class="body row">
<div class="form-horizontal col-sm-9 col-md-9" >
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-5 form-control-label">
<label for="date">Date</label>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-7">
<div class="form-group">
<div class="form-line">
<input type="date" id="date" name="date" class="form-control" placeholder="MM/DD/YYYY" required="TRUE" value="<?php echo date('Y-m-d'); ?>">
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-5 form-control-label">
<label for="customer">Customer</label>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-7">
<div class="form-group">
<div class="form-line">
<input type="text" id="customer" name="customer" class="form-control" minlength="6" placeholder="" required="TRUE">
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-5 form-control-label">
<label for="customer_address">Customer Address</label>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-7">
<div class="form-group">
<div class="form-line">
<input type="text" id="customer_address" name="customer_address" class="form-control" minlength="6" placeholder="" required="TRUE">
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-5 form-control-label">
<label for="customer_phone">Customer Phone</label>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-7">
<div class="form-group">
<div class="form-line">
<input type="text" id="customer_phone" name="customer_phone" class="form-control" minlength="6" placeholder="" required="TRUE">
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-5 form-control-label">
<label for="function_date">Function Date</label>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-7">
<div class="form-group">
<div class="form-line">
<input type="date" id="function_date" name="function_date" class="form-control" minlength="6" placeholder="" required="TRUE">
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-5 form-control-label">
<label for="number_of_pax">Number of Pax</label>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-7">
<div class="form-group">
<div class="form-line">
<input type="number" id="number_of_pax" name="number_of_pax" class="form-control" minlength="6" placeholder="" required="TRUE">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="header">
<h2>
Invoice Details
</h2>
</div>
<div class="body row">
<div class="form-horizontal col-sm-12 col-md-12" >
<div class="row clearfix">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 form-control-label">
<label for="description">Description</label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="form-group">
<div class="form-line">
<input type="text" id="description" name="description" class="form-control des-item">
</div>
</div>
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-6 form-control-label">
<label for="amount">Amount</label>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
<div class="form-group">
<div class="form-line">
<input type="number" id="amount" name="amount" class="form-control des-item">
</div>
</div>
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-12 form-control-label text-left">
<div class="btn btn-info" id="add_new_detail_row">+</div>
</div>
</div>
<hr/>
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
<table class="table table-responsive table-striped">
<thead>
<tr>
<th style="width: 10%" class="text-center">#</th>
<th style="width: 70%" class="text-left">Description</th>
<th style="width: 20%" class="text-right">Amount</th>
<th style="width: 20%" class="text-right">Remove</th>
</tr>
</thead>
<tbody id="tb-details-body">
</tbody>
<tfoot>
<tr>
<th class="text-center">#</th>
<th class="text-right">Total:</th>
<th class="text-right" id="total">00.00</th>
<th style="width: 20%" class="text-right"></th>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-offset-2 col-md-offset-2 col-sm-offset-4 col-xs-offset-5">
<button type="submit" class="btn btn-primary m-t-15 waves-effect" name="save_invoice" value="save_invoice">Save Invoice</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Jquery Core Js -->
<script src="plugins/jquery/jquery.min.js"></script>
<script src="plugins/bootstrap/js/bootstrap.js"></script>
<script src="plugins/bootstrap-select/js/bootstrap-select.js"></script>
<script src="plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
<script src="plugins/node-waves/waves.js"></script>
<script src="plugins/sweetalert/sweetalert.min.js"></script>
<script src="js/admin.js"></script>
<script src="js/demo.js"></script>
<script src="js/invoice.js" type="text/javascript"></script>
</body>
</html> |