@extends('layouts.backend.app')


@section('content')


<style>
.border-style{
    border: 1px solid #000;
}

.border-style-td tr > td{
    border: 1px solid #000;
}

.border-style-td tr > th{
    border: 1px solid #000;
}

.border-style-1{
    border: 1px solid #000;
    border-top: 0;
    border-right: 0;
}

/*.table-bordered{*/
/*    border: 1px solid #000;*/
/*}*/

.top-bor{
    border-top: 0 !important;
}

.amount-table{
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

.bottom-table{
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

.hsc-table tr > td{
    border: 1px solid #000;
}

.bill-table tr > td{
    border: 1px solid #000;
}

.dis-block{
    display: block;
    font-size: 13px;
}

.head-pad tr > td{
    padding: 5px 10px;
}

.invoice-bill .amount-items{
    padding: 0;
}

.invoice-bill .serial-no{
    width: 50px;
}


tr > td span p{
    font-size: 14px;
    margin: 0;
}


.invoice-bill tr > td{
    padding: 4px 10px;
    height: 30px;
    min-height: 40px;
}

.table-p{
    font-size: 12px;
}

.table-p p{
    font-size: 12px;
}

.width-td{
    width: 235px;
}

.border-bottom{
    border-bottom: 0 !important;
}

.border-top{
    border-top: 0 !important;
}

.border-right{
    border-right: 0 !important;
}

.border-left{
    border-left: 0 !important;
}

.alignment{
    text-align: end;
}

.tab-align{
    text-align: end;
    padding-right: 10px;
}
.borderrights{
    border-right:0px !important;
}
input{
    border: 0px solid #ced4da !important;
}
.datepicker{
    border: 0px solid #ced4da !important;
}
</style>

<!-- Start right Content here -->
<div class="main-content">

<div class="page-content">
	<div class="container-fluid">

<div class="page-title-box">
	<div class="row align-items-center">
		<div class="col-md-3">
			<h6 class="page-title">Head Office Invoice</h6>
			<ol class="breadcrumb m-0">
				<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home</a></li>
				<li class="breadcrumb-item active" aria-current="page">Head Office Invoice</li>
			</ol>
		</div>

		<div class="col-md-2">
			<h6 class="d-none"><input type="checkbox" id="getinvoice" checked="checked"> GST Inclusive</h6>
		</div>

		<div class="col-md-2">
			<h6 class="d-none"><input type="checkbox" id="getinvoice" disabled><a href="{{ route('hd-invoice-ex', $id) }}"> GST Exclusive</a></h6>
		</div>

		<div class="col-md-2">
			<h6 class="d-none"><input type="checkbox" id="getinvoice" disabled><a href="{{ route('hd-invoice-other', $id) }}"> Other State</a></h6>
		</div>

		<div class="col-md-3">

			<a class="btn btn-primary button-1 float-right" href="{{ route('products-view', $id) }}">
			<span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>

		</div>
	</div>
</div>

	<div class="row">
		<div class="col-12">

			@include('backend.superadmin.invoice.invoice-hd')

		</div> 
	</div> 

	</div>
</div>

</div>

@endsection