@extends('dashboard_connect.dash_master')
@section('pagescontents')
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.0/dist/chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0/dist/chartjs-plugin-datalabels.min.js"></script>
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">Fixed Assets & Consumable Items</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
				<li class="breadcrumb-item active" aria-current="page">Items</li>
			</ol>
		</div>
	</div>
	<!-- PAGE-HEADER END -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Create Fixed Assets & Consumable Items</h3>                    
                </div>
                <div class="card-body">
                <form class="needs-validation" novalidate method="post" action="{{ route('stockinvent.product.save') }}" enctype="multipart/form-data">
                @csrf               
                    <div class="row">                       
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label class="form-label text-muted">Opening Date: <font style="font-weight: bold; color: red;">**</font></label>
                                <div class="input-group">
                                    <div id="ps-datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
                                        <span class="input-group-addon input-group-text bg-primary-transparent"><i class="fe fe-calendar text-primary-dark"></i></span>
                                        <input id="project-start-date" name="opendate" class="form-control" type="text" placeholder="Select Opening Date" required>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="prodtype" class="form-label text-muted">Item Type: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Item Type" id="prodtype" name="prodtype" required>
                                    <option value="">Select Option</option>
                                    <option value="Fixed Asset" {{ $prodtype == "Fixed Asset" ? 'selected' : '' }}>Fixed Asset</option>
                                    <option value="Consumable Items" {{ $prodtype == "Consumable Items" ? 'selected' : '' }}>Consumable Items</option>
                                </select>
                                <div class="invalid-feedback">Please select option.</div>
                            </div>
                        </div>                         
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="prodname" class="form-label text-muted">Enter Item Name: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="prodname" name="prodname" type="text" class="form-control text-dark" required>
                                <div class="invalid-feedback">Please enter item name.</div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="form-group">
                                <label for="openbal" class="form-label text-muted">Opening Balance: <font style="font-weight: bold; color: red;">**</font></label>
                                <input id="openbal" name="openbal" type="text" class="form-control text-dark" onkeypress="return isNumberKey(event)" value="0" required>
                                <div class="invalid-feedback">Please enter opening balance.</div>
                            </div>
                        </div>                        
                    </div>
                    <div class="row p-5">
                        <div class="btn-list text-end">
                            <button class="btn btn-secondary" type="submit"><i class="fe fe-upload-cloud me-2"></i> Add New Item</button>
                        </div>
                    </div>                    
                    @if(Session::has('status'))
                        <div class="row">
                            <div class="col-12">
                                <div class="alert alert-success" role="alert">
                                    <span class="alert-inner--icon me-2"><i class="fe fe-user-check"></i></span>
                                    <span class="alert-inner--text" style="font-weight: bold;">{{ session('status') }}</span>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if(Session::has('wrong'))
                        <div class="row">
                            <div class="col-12">
                                <div class="alert alert-danger" role="alert">
                                    <span class="alert-inner--icon me-2"><i class="fe fe-user-x"></i></span>
                                    <span class="alert-inner--text" style="font-weight: bold;">{{ session('wrong') }}</span>
                                </div>
                            </div>
                        </div>
                    @endif                                                        
                </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Item Detail Master</b></h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="table-responsive">
                                <table class="table text-nowrap table-bordered border-bottom w-100" id="responsive-datatable-2">
                                    <thead>
                                        <tr>
                                            <th class="wd-15p border-bottom-0">S. No.</th>
                                            <th class="wd-15p border-bottom-0">Open Date</th>
                                            <th class="wd-15p border-bottom-0">Item Type</th>
                                            <th class="wd-25p border-bottom-0">Item Name</th>
                                            <th class="wd-25p border-bottom-0">Opening Balance</th>
                                            <th class="wd-25p border-bottom-0">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $intcount = 1;
                                        @endphp
                                        @foreach($stockinvtdata as $keyone => $itemone)
                                            @php
                                                $prodidexistsfar = 0;
                                                $prodidexistsconm = 0;
                                                $prodidexistsfar = getprodidfar($itemone->id);
                                                $prodidexistsconm = getprodidconb($itemone->id);
                                            @endphp
                                            <tr>
                                                <td>{{ $intcount }}</td>
                                                <td>{{ Carbon\Carbon::parse($itemone->opendate)->format('d-M-Y') }}</td>
                                                <td>{{ Str::upper($itemone->prodtype) }}</td>
                                                <td>{{ Str::upper($itemone->prodname) }}</td>
                                                <td>{{ Round($itemone->openbal,2) }}</td>
                                                <td>
                                                    <div class="hstack gap-2 fs-15">
                                                        @if($prodidexistsfar>0 || $prodidexistsconm>0)
                                                            <a aria-label="anchor" href="{{ route('stockinvent.product.delete', $itemone->id) }}" data-bs-toggle="tooltip" data-bs-original-title="Delete" class="btn btn-icon btn-wave waves-effect waves-light btn-sm btn-outline-secondary"><i class="ri-delete-bin-5-line"></i></a>
                                                        @else
                                                            <a aria-label="anchor" href="{{ route('stockinvent.product.edit', $itemone->id) }}" data-bs-toggle="tooltip" data-bs-original-title="Edit Record" class="btn btn-icon btn-wave waves-effect waves-light btn-sm btn-outline-primary"><i class="ri-checkbox-circle-line"></i></a>
                                                            <a aria-label="anchor" href="{{ route('stockinvent.product.delete', $itemone->id) }}" data-bs-toggle="tooltip" data-bs-original-title="Delete" class="btn btn-icon btn-wave waves-effect waves-light btn-sm btn-outline-secondary"><i class="ri-delete-bin-5-line"></i></a>
                                                        @endif
                                                    </div>
                                                </td>                                                    
                                            </tr>
                                        @php
                                            $intcount++;
                                        @endphp                                                
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>                    
            </div>
        </div>
    </div>

    <script>
        function isNumberKey(evt){
            var charCode = (evt.which) ? evt.which : event.keyCode
            if (charCode > 31 && (charCode != 46 &&(charCode < 48 || charCode > 57)))
                return false;
            return true;
        }
    </script>

@endsection