@extends('layouts.backend.app')

@section('content')
    <!-- Start right Content here -->
    <div class="main-content">
        <div class="page-content">

            <div class="container-fluid">
                {{--  <div class="page-title-box">
                    <div class="row align-items-center">

                        <div class="col-md-8">
                            <h6 class="page-title">Product Details</h6>
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home </a></li>
                                <li class="breadcrumb-item">
                                    <a
                                        href="{{ isset($lot_no) && !empty($lot_no) ? route('dofy-lot-view', ['lot_no' => $lot_no]) : route('dofy-products') }}">Products
                                    </a>
                                </li>
                                @if (!empty($barcode_no))
                                    <li class="breadcrumb-item active" aria-current="page">{{ $barcode_no }}</li>
                                @endif
                            </ol>
                        </div>

                        <div class="col-md-4">

                            <a class="btn btn-primary button-1 float-right"
                                href="{{ isset($lot_no) && !empty($lot_no) && $role != 1
                                    ? route('dofy-lot-view', ['lot_no' => $lot_no])
                                    : (isset($role) && $role == 1
                                        ? route('dofy-lot', ['lot_no' => $lot_no])
                                        : route('dofy-products')) }}">
                                <span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
                        </div>

                    </div>
                </div>  --}}
                <!-- IMEI Search Form -->
                <form id="imeiSearchForm" class="mt-4">
                    <div class="input-group mb-3" style="max-width: 500px; margin: 0 auto;">
                        <input type="text" class="form-control" id="imeiSearch" placeholder="Enter IMEI/SERIAL Number"
                            style="border-radius: 0; border: 1px solid #ced4da; height: 38px;" required>
                        <button class="btn btn-primary" type="button" id="imeiSearchButton"
                            style="border-radius: 0; background-color: #007bff; border-color: #007bff; height: 38px;">
                            Search
                        </button>
                    </div>
                </form>
            </div>


        @endsection

        @section('scripts')
 

            <script>
                $(document).ready(function() {
                    $('#imeiSearchButton').on('click', function() {
                        var imei = $('#imeiSearch').val();
                        if (imei) {
                            var baseUrl = $('meta[name="base_url"]').attr("content");
                            var pathn = baseUrl + '/product-imei-search-data';

                           window.location = pathn+"/"+imei
                        }
                    });
                });
            </script>



       

            <!-- autocomplete end -->
        @endsection