@include('layouts.header')
<meta name="csrf-token" content="{{ csrf_token() }}">

<style>
.select2-container--default .select2-selection--single {
    
    border: 1px solid #e9edf6 !important;
    height:40px !important; 
   
}
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 20px !important; 
    background-color: transparent !important;
    border-left: 1px solid #aaa !important; 
}

.select2-container .select2-selection__arrow b {
  
    border-width: 5px 5px 0 5px !important; 
    border-style: solid !important;
    display: inline-block !important;
    margin-top: 5px !important;
    vertical-align: middle !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow 
{
	display: none !important;
}
.select2-selection__clear{
    display: none !important;
    /* color:#aaa; */
}

</style>


		<!-- /Header -->
		@include('layouts.sidebar')

		<div class="page-wrapper">
			<div class="content">
				<div class="page-header">
					<div class="add-item d-flex">
						<div class="page-title">
							<h4>View Inward</h4>
						
						</div>
					</div>
					<ul class="table-top-head">
						<li>
							<div class="page-btn">
								<a href="{{ route('inwards')}}" class="btn btn-secondary"><i data-feather="arrow-left" class="me-2"></i>Back To Inwards</a>
							</div>
						</li>
						<!-- <li>
							<a data-bs-toggle="tooltip" data-bs-placement="top" title="Collapse" id="collapse-header"><i data-feather="chevron-up" class="feather-chevron-up"></i></a>
						</li> -->
					</ul>
					
				</div>
				<!-- /add -->
				@if(session()->has('success'))
                    <div class="alert alert-success">
                        {{ session()->get('success') }}
                    </div>
				@endif
				@if(session()->has('error'))
					<div class="alert alert-danger">
						{{ session()->get('error') }}
					</div>
				@endif



				<div class="card table-list-card">
				    <div class="card-body">

				        <!-- Header Section -->
				        <header style="border-bottom: 3px solid black; padding: 5px;" class="p-4">
				            <div>
				                <h6 style="font-weight: bold; float:right;">Ph nos: 9665065522 /25 /34</h6>
				            </div>
				            <br><br>
				            <div>
				                <h1 style="font-weight: bold;text-align: center;">{{ $inward->company_name}}</h1>
				                <h6 style="text-align: center;">Inward</h6>
				            </div>
				        </header>

				        <!-- Inward Metadata Section -->
						<div class="p-4" style="border-bottom: 3px solid black;">
						    <!-- <h5 style="font-weight: bold; margin-bottom: 15px;">Inward Inventory Summary</h5> -->
						    
						    <div class="row mb-2">
						        <div class="col-md-6"><strong>Inward No:</strong> {{ $inward->inward_no }}</div>
						        <div class="col-md-6 text-end"><strong>Date:</strong> {{ \Carbon\Carbon::parse($inward->inward_date)->format('d-m-Y') }}</div>
						    </div>
						    
						    <div class="row mb-2">
						        <div class="col-md-6"><strong>Warehouse:</strong> {{ $inward->warehouse_name }}</div>
						        <div class="col-md-6 text-end">
                                    <strong>PO Number:</strong>
                                   {{ $inward->po_number}}
                                </div>

						    </div>
						    
						   <div class="row mb-2">
						        <div class="col-md-6"><strong>Supplier:</strong> {{ $inward->supplier_name }}</div>
						        <!-- <div class="col-md-6 text-end">
                                    <strong>PO Number:</strong>
                                   {{ $inward->po_number}}
                                </div> -->

						    </div>

						   
						</div>


				        <!-- Product Summary Table -->
				        <div style="margin-top: 40px;">
				            <h5 style="font-weight: bold;">Product Summary</h5><br>
				            <table class="table table-bordered" style="width:100%; border-collapse: collapse;">
				                <thead>
				                    <tr>
				                        <th>No</th>
				                        <th>Product name</th>
				                        <th>Design/Variant No</th>
				                        <th>No Of Rolls</th>
				                        <th>Quantity Per Roll</th>
                                         <th>UOM</th>
				                        <th>Rate per Unit</th>
				                        <th>Amount (₹)</th>
				                    </tr>
				                </thead>
				                <tbody>
				                    <tr>
				                        <td>1</td>
				                        <td>{{ $inward->product_name }}</td>
				                        <td>{{ $inward->varient_name }}</td>
				                        <td>{{ $inward->no_of_rolls }}</td>
				                        <td>{{ $inward->quantity }}</td>
                                        <td>{{ $inward->unit_name }}</td>
				                        <td>₹{{ number_format($inward->rate, 2) }}</td>
				                        <td>₹{{ number_format($inward->amount, 2) }}</td>
				                    </tr>
				                </tbody>
				            </table>
				        </div>

				        <!-- GST Calculations -->
				     

				        <div style="margin-top: 30px; width: 100%; display: flex; justify-content: flex-end;">
				            <!-- <h5 style="font-weight: bold;">GST & Total Summary</h5> -->
				            <table class="table table-bordered" style="width: 50%; border-collapse: collapse;">
				                <tbody>
				                    <tr><td><strong>Sub Total</strong></td><td>₹{{ number_format($inward->amount, 2) }}</td></tr>
				                   
				                    <tr><td><strong>Grand Total</strong></td><td>₹{{ number_format($inward->amount, 2) }}</td></tr>
				                </tbody>
				            </table>
				        </div>


				        <!-- Footer -->
				        <div style="margin-top: 30px;">
				            <h6 style="font-weight: bold; float:right; padding: 10px;">For {{ $inward->company_name ?? ''}}</h6>
				        </div>
				        <br><br>
				        <div>
				            <h6 style="float:right; padding: 10px;">Authorized Signature</h6>
				        </div>

				    </div>
				</div>

			</div>

			<!-- /add -->
	    </div>



	<!-- /Main Wrapper -->


   




	

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>


@include('layouts.footer')