@extends('layouts.store.store')
@section('title', 'Store Inventory Detail')
@section('content')

<main>
        <div class="container-fluid p-0">
            <div class="row g-0">
                 @include('partials.header')
                @include('layouts.store.sidebar')
                <section class="content-section col primary-bg-light p-xl-4 p-3">
                    <div class="bg-white rounded-3 shadow-sm p-3">
                        <div class="row">
                            <div class="col-12">
                                <div class="small fw-medium d-flex flex-wrap">Inventory Management<span><i class="bi bi-chevron-right"></i></span>Inventory List<span><i class="bi bi-chevron-right"></i></span>Wrench Details</div>
                                <hr class="mb-4">
                                <h5>Wrench Details</h5>
                                <form action="">
                                    <div class="row g-2 gy-3">
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputSerialNumber" class="form-label fw-semibold">Wrench ID<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none" id="inputSerialNumber" placeholder="Serial Number" value="{{$wrench->id}}" required disabled>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputRetirementDate" class="form-label fw-semibold">Wrench Added to Portal On<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputRetirementDate" placeholder="{{ $wrench->updated_at->format('m/d/Y') }}" required disabled>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputSerialNumber" class="form-label fw-semibold">Serial Number<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none" id="inputSerialNumber" placeholder="Serial Number" value="{{$wrench->serial_number}}" required disabled>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputPartNumber" class="form-label fw-semibold">Part Number<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none" id="inputPartNumber" placeholder="Part Number" value="{{$wrench->part_number}}" required disabled>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputMfrDateUpdate" class="form-label fw-semibold">Mfr Date<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputMfrDateUpdate" placeholder="MM/YYYY" value="{{$wrench->manufacturing_date}}" required disabled>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputCurrentLocation" class="form-label fw-semibold">Current Location<span class="text-red">*</span></label>
                                            <select name="" id="inputCurrentLocation" class="form-select shadow-none" required disabled>
                                                <option value="Current Location" disabled>Current Location</option>
                                                <option value="Warehouse">Warehouse</option>
                                                <option value="Store" selected>Store</option>
                                            </select>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputCurrentLocationID" class="form-label fw-semibold">Current Location ID<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputCurrentLocationID" placeholder="Location ID" value="{{$wrench->store->store_number}}" required disabled>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputCurrentStatus" class="form-label fw-semibold">Current status<span class="text-red">*</span></label>
                                            <select name="" id="inputCurrentStatus" class="form-select shadow-none" required disabled>
                                                <option value="Status" disabled>Status</option>
                                                <option value="Available">Available</option>
                                                <option value="In-use" selected>In-use</option>
                                                <option value="Under-repair">Under-repair</option>
                                                <option value="Recalibration">Recalibration</option>
                                            </select>
                                        </div>
                                        @php
                                        if(!empty($wrench->next_cal_date)){
                                            $next_calib_date = \Carbon\Carbon::parse($wrench->next_cal_date)->format('m/d/Y');
                                        } else {
                                            $next_calib_date = 'N/A';
                                        }
                                        @endphp
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputNextRecalibDateUpdate" class="form-label fw-semibold">Next Recalibration<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputNextRecalibDateUpdate" placeholder="MM/DD/YYYY" value="{{$next_calib_date}}" required disabled>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputCalibrationLevel" class="form-label fw-semibold">Calibration Level<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputCalibrationLevel" placeholder="Calibration Level" value="{{$wrench->cal_level}}" required disabled>
                                        </div>
                                    </div>
                                </form>
                                @if(count($calibration) !=0)
                                    <div class="d-flex flex-wrap gap-2 mt-3">
                                        <a href="{{route('calibration.show',$wrench->id)}}" class="btn btn-type3 px-5 border-0 shadow-sm">View Calibration Details</a>
                                    </div>
                                @endif

                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </main>





@stop