@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">AMC Register</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">AMC</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 AMC Register</h3>                    
                </div>
                <div class="card-body">
                    <form class="needs-validation" novalidate method="post" action="{{ route('amcstock.register.save') }}" enctype="multipart/form-data">
                    @csrf
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label for="depaid" class="form-label text-muted">Department: <font style="font-weight: bold; color: red;">**</font></label>
                                    <select class="form-control select2-show-search form-select" data-placeholder="Select Department" id="depaid" name="depaid">
                                        <option value="">SELECT DEPARTMENT</option>
                                        <option value="NA" {{ $depaid == "NA" ? 'selected' : '' }}>NOT APPLICABLE</option>
                                        @foreach($colldepa as $depanm)
                                            <option value={{ $depanm->id }} {{ $depanm->id == $depaid ? 'selected' : '' }}>{{ $depanm->department }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label for="equipnumber" class="form-label text-muted">Equipment No.: <font style="font-weight: bold; color: red;">**</font></label>
                                    <input id="equipnumber" name="equipnumber" type="text" class="form-control text-dark" required>
                                    <div class="invalid-feedback">Please enter equipment number.</div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label for="description" class="form-label text-muted">Description: <font style="font-weight: bold; color: red;">**</font></label>
                                    <input id="description" name="description" type="text" class="form-control text-dark" required>
                                    <div class="invalid-feedback">Please enter description.</div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label class="form-label text-muted">AMC Date From: <font style="font-weight: bold; color: red;">**</font></label>
                                    <div class="input-group">
                                        <div id="pe-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-end-date" name="amcdtfrom" class="form-control" type="text" placeholder="Select Date" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label class="form-label text-muted">AMC Date To: <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="amcdtto" class="form-control" type="text" placeholder="Select Bill Date" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label for="consumregdt" class="form-label text-muted">Consumer Register Details:</label>
                                    <input id="consumregdt" name="consumregdt" type="text" class="form-control text-dark">
                                    <div class="invalid-feedback">Please enter details.</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 AMC Register Details</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">AMC Register 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">Department</th>
                                            <th class="wd-15p border-bottom-0">Equipment Number</th>
                                            <th class="wd-15p border-bottom-0">Decsription</th>
                                            <th class="wd-15p border-bottom-0">AMC Date From</th>
                                            <th class="wd-15p border-bottom-0">AMC Date To</th>
                                            <th class="wd-25p border-bottom-0">Consumer Reg Details</th>
                                            <th class="wd-25p border-bottom-0">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $intcount = 1;
                                        @endphp
                                        @foreach($amcregisterdata as $keyone => $itemone)
                                            <tr>
                                                <td>{{ $intcount }}</td>
                                                <td>{{ getdepaname($itemone->depaid) }}</td>
                                                <td>{{ $itemone->equipnumber }}</td>
                                                <td>{{ $itemone->description }}</td>
                                                <td>{{ Carbon\Carbon::parse($itemone->amcdtfrom)->format('d-M-Y') }}</td>
                                                <td>{{ Carbon\Carbon::parse($itemone->amcdtto)->format('d-M-Y') }}</td>
                                                <td>{{ $itemone->consumregdt }}</td>
                                                <td>
                                                    <div class="hstack gap-2 fs-15">
                                                        <a aria-label="anchor" href="{{ route('amcstock.register.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('amcstock.register.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>
                                                    </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