@extends('layouts.admin.admin')
@section('title', 'Calibration History')
@section('content')

  <main>
        <div class="container-fluid p-0">
            <div class="row g-0">
                @include('partials.header')
                @include('partials.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>Wrench Lookup<span><i class="bi bi-chevron-right"></i></span>Wrench Details<span><i class="bi bi-chevron-right"></i></span>Calibration History</div>
                                <hr class="mb-4">
                                <h5>Calibration History</h5>
                                <div class="d-none d-lg-flex form-control text-light-grey primary-bg-light border-0 w-75 rounded-pill mb-4">
                                    <input class="p-0 form-control bg-transparent shadow-none border-0 ms-2 keyword" type="search" placeholder="Search by ID">
                                    <button type="submit" class="btn border-0 p-0 search"><i class="bi bi-search"></i></button>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="table-responsive">
                                    <table id="calibrationTable" class="display table">
                                        <thead>
                                            <tr>
                                                <th>SL.NO.</th>
                                                <th>CALIB. ID</th>
                                                <th>CALIB. DATE</th>
                                                <th>CALIB. EQUIPMENT</th>
                                                <th>ACCURACY OF CALIB</th>
                                                <th>TOLERANCE</th>
                                                <th width="170">ACTION</th> 
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-12">
                                <a href="{{ route('wrenches.edit', $wrenchid) }}" class="btn btn-type3 px-5 border-0 shadow-sm">Back to Details</a>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </main>

@push('script')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.datatables.net/2.2.2/js/dataTables.js"></script> 
<script src="{{ asset('Assets/js/datatable.js') }}"></script>
<script src="{{ asset('Assets/js/customscript.js') }}"></script>
<script>
var url = "{{ route('calibration.history',$wrenchid) }}";
var module = 'calibartionhistory';
</script>
@endpush
@stop