<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Admin : Create Proforma Invoice</title>
    <?php include("headerlink.php")?>
</head>

<body class="hold-transition sidebar-mini layout-fixed">
    <div class="wrapper">

        <div class="preloader flex-column justify-content-center align-items-center">
            <img class="animation__shake" src="dist/img/AdminLTELogo.png" alt="AdminLTELogo" height="60" width="60">
        </div>

        <?php include("navbar.php")?>
        <?php include("sidebar.php")?>

        <div class="content-wrapper">

            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                        <div class="col-sm-6">
                            <h1 class="m-0 fw-bold text-uppercase">Proforma Invoice</h1>
                        </div>
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-sm-right">
                                <li class="breadcrumb-item"><a href="#">Home</a></li>
                                <li class="breadcrumb-item active">Proforma Invoice</li>
                                <li class="breadcrumb-item active">Add New</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>


            <div class="container">
            <div class="col-12 col-sm-12">
                <div class="card card-primary card-outline card-outline-tabs shadow">
                    <div class="card-header p-0 border-bottom-0">
                        <ul class="nav nav-tabs bg-dark" id="custom-tabs-four-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active fw-bold" id="custom-tabs-four-home-tab" data-toggle="pill"
                                    href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home"
                                    aria-selected="true">Home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link fw-bold" id="custom-tabs-four-profile-tab" data-toggle="pill"
                                    href="#custom-tabs-four-profile" role="tab" aria-controls="custom-tabs-four-profile"
                                    aria-selected="false">Profile</a>
                            </li>

                        </ul>
                    </div>
                    <div class="card-body shadow">
                        <div class="tab-content" id="custom-tabs-four-tabContent">
                            <div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel"
                                aria-labelledby="custom-tabs-four-home-tab">
                                <form action="create-proforma-code.php" method="post" enctype="multipart/form-data">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputPerson">Date</label>
                                                    <input type="email" class="form-control" id="exampleInputPerson"
                                                        placeholder="Date">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputPerson">PI
                                                        Number</label>
                                                    <input type="email" class="form-control" id="exampleInputPerson"
                                                        placeholder="PI Number">
                                                </div>
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputNumber">Name</label>
                                                    <input type="email" class="form-control" id="exampleInputNumber"
                                                        placeholder="Name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail">Company
                                                        Name</label>
                                                    <input type="email" class="form-control" id="exampleInputEmail"
                                                        placeholder="Company Name">
                                                </div>
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="col-lg-4 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputNumber">Address</label>
                                                    <input type="email" class="form-control" id="exampleInputNumber"
                                                        placeholder="Address">
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail">City</label>
                                                    <input type="email" class="form-control" id="exampleInputEmail"
                                                        placeholder="City">
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputWebsite">State</label>
                                                    <input type="email" class="form-control" id="exampleInputWebsite"
                                                        placeholder="State">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-5 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputCompany">Description</label>
                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Description">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputCompany">Quantity</label>
                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Quantity">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputCompany">Rate</label>
                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Rate">
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputCompany">Price</label>
                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Price">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-5 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Description">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Quantity">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Rate">
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Price">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-5 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Description">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Quantity">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Rate">
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Price">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-5 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Description">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Quantity">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Rate">
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-12">
                                                <div class="form-group">

                                                    <input type="email" class="form-control" id="exampleInputCompany"
                                                        placeholder="Price">
                                                </div>
                                            </div>
                                        </div>



                                    </div>
                                    <!-- /.card-body -->

                                    <div class="card-footer">
                                        <button type="submit" class="btn text-white fw-bold"
                                            style="background: #343a40;">Create PI</button>
                                    </div>
                                    
                                </form>
                            </div>
                            <div class="tab-pane fade" id="custom-tabs-four-profile" role="tabpanel"
                                aria-labelledby="custom-tabs-four-profile-tab">
                                Mauris tincidunt mi at erat gravida, eget tristique urna bibendum.
                                Mauris pharetra purus
                                ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor
                                sit amet, consectetur
                                adipiscing elit. Vestibulum ante ipsum primis in faucibus orci
                                luctus et ultrices
                                posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus
                                interdum, nisl ligula
                                placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus,
                                elementum sit amet
                                ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
                            </div>

                        </div>
                    </div>
                    <!-- /.card -->
                </div>
            </div>
            </div>

        </div>

        <?php include("footer.php")?>
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
        <script>
        $(document).ready(function() {
            <?php if (isset($_GET['error'])) { ?>
            Swal.fire({
                title: 'Error',
                text: '<?php echo $_GET['error']; ?>',
                icon: 'error',
                confirmButtonText: 'OK',
                confirmButtonClass: 'btn btn-success btn-lg',
            });
            <?php } ?>
            <?php if (isset($_GET['success'])) { ?>
            Swal.fire({
                title: 'Success',
                text: '<?php echo $_GET['success']; ?>',
                icon: 'success',
                confirmButtonText: 'OK',
                confirmButtonClass: 'btn btn-success btn-lg',
            });
            <?php } ?>
        });
        </script>

    </div>

    <?php include("footerlink.php")?>
</body>

</html>