@extends('companyuser::layouts.master')
@section('content')
        <div class="content--wrapper">
            <div class="content-body">
                <div class="content-header row">
                    <div class="content-header-left col-md-6 my-1">
                        <div class="row breadcrumbs-top">
                            <div class="breadcrumb-wrapper col-xs-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{url('/product')}}">Product</a></li>
                                    <li class="breadcrumb-item active"><a href="{{url('/AddExpense')}}">New Expense</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
                    <div class="match-height">
                        <div class="card mb-0">
                            <form action="/addCustomer" method="GET" class="form">
                                @csrf
                                <div class="card-block">
                                    <div class="form-body">
                                            <div class="row my-1">
                                                <div class="col-md-6 headTitle">
                                                    <h3 class="d-inline">New Expense</h3>
                                                </div>
                                                <div class="col-md-6 divBack">
                                                    <a href="{{url('/product')}}" class="btn btn-primary btn-min-width">Back</a>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-7">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-md-4">
                                                                <label for="expenseName">Expense Name</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <input type="text" name="expenseName" value="Electricity" class="w-100 form-control" placeholder="Electricity" required >
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-md-4">
                                                                <label for="Id">@lang('ID')</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <input type="number" name="Id" value="EXPOO5" class="w-100 form-control" placeholder="EXPOO5" required >
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="row mb-1">
                                                            <div class="col-md-4">
                                                                <label for="Category">@lang('Category')</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <select name="Category" id="Category" class="w-100 form-control" required>
                                                                    <option value="A">Basic Cost</option>
                                                                    <option value="B">Air Conditioner</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-md-4">
                                                                <label for="description">@lang('Description')</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <textarea name="description" id="description" cols="40" rows="5" class="w-100 form-control"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="row mb-1">
                                                            <div class="col-md-4">
                                                                <label for="Taxes">@lang('Taxes')</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <select name="Taxes" id="Taxes" class="w-100 form-control">
                                                                    <option value="A">Tax 5% applied</option>
                                                                    <option value="B">Air Conditioner</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="row mb-1">
                                                            <div class="col-md-4">
                                                                <label for="unitType">Unit Type</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <select name="unitType" id="unitType" class="w-100 form-control" required>
                                                                    <option value="A">weight</option>
                                                                    <option value="B">unitType</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-md-4">
                                                                <label for="buyingPrice">Buying Price</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <input type="number" name="buyingPrice" value="200" class="w-100 form-control number" placeholder="200" required>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="row mb-1">
                                                            <div class="col-md-4">
                                                                <label for="purchaseAccount">Purchase account</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <select name="purchaseAccount" id="purchaseAccount" class="w-100 form-control" required>
                                                                    <option value="A">COST</option>
                                                                    <option value="B">unitType</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="d-flex justify-content-center form-group text-center pb-2 mb-0">
                                                    <button type="submit" class="btnWidth btn btn-warning mr-1">Cancel</button>
                                                    <button type="submit" class="btnWidth btn btn-primary mr-1 saveDraftBtn">Save</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                </section>
            </div>
        </div>
@endsection