@extends("newDashboard.index")

@section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
<script src="https://raw.githack.com/schmich/instascan-builds/master/instascan.min.js"></script>
@endsection

@section("main-content")
<div class="content-wrapper">
    <div class="page-header">
        <h3 class="page-title">
          <span class="page-title-icon bg-gradient-primary text-white me-2">
            <i class="fa-solid fa-sheet-plastic menu-icon"></i>
          </span> {{__('messages.Delivery of orders')}}
        </h3>
    </div>
  	<div class="row justify-content-md-center">
  		<div id="enter-invoice-container">
      		@if($errors->any())
                <div class="alert alert-danger">
                    <ul class="m-2">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
      		<form id="receive-order-form" method="POST" action="{{route('inventories.delivery.order.process')}}">
      			@csrf
                <div class="form-group row justify-content-md-center align-items-center">
                	<input type="hidden" id="search-ajax-route" value="{{ route('inventories.delivery.order.search.permit') }}" />
                    <div class="col-sm-5 search-container">
                      <input name="permit" type="number" class="form-control-plaintext " id="permit-input" placeholder="{{__('messages.Permit Id')}}" min="0" required>
                      <div class="search-results"></div>
                    </div>
                    <button id="check-button" type="submit" class="btn btn-primary float-end col-md-2" disabled>{{__('messages.Check')}}</button>
                </div>
                <hr>
                <h4 class="text-center mb-4 mt-3">{{__('messages.Or Scan Qr')}}</h4>
                <div class="row justify-content-md-center align-items-center mt-4 mb-4">
      		        <button type="button" class="btn btn-primary float-end col-md-4" data-bs-toggle="modal" 
      		        	data-bs-target="#ReadQrCodeModal">{{__('messages.Scan Qr')}}</button>                	
                </div>
      		</form>
  		</div>
	</div>
</div>

{{-- Modal --}}
<div class="modal fade" id="ReadQrCodeModal" tabindex="-1" aria-labelledby="ReadQrCodeModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
        	<video id="qr-video" autoplay style="width: 100%;"></video>
        </div>
    </div>
</div>
{{-- Modal End --}}
@endsection

@section("scripts")
<script src="{{asset('metronic/js/pages/inventory-delivery-order.js')}}"></script>
@endsection