@extends("newDashboard.index")

@section("css")
    <link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
@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> {{__("Create Permit for Invoice Without Price")}}
            </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="generate-permit" method="POST" action="{{ route('invoices-without-price-permit.create') }}">
                    @csrf
                    <div class="form-group row justify-content-md-center align-items-center">
                        <input type="hidden" id="search-ajax-route" value="{{ route('invoices-without-price-permit.search') }}" />
                        <div class="col-sm-5 search-container">
                            <input name="serial" type="number" class="form-control-plaintext " id="invoice-input" placeholder="{{__('messages.Invoice Serial')}}" min="0" required>
                            <div class="search-results"></div>
                        </div>
                        <button id="generate-permit-button" type="submit" class="btn btn-primary float-end col-sm-2" disabled>{{__('messages.Generate')}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section("scripts")
    <script src="{{asset('metronic/js/pages/check-invoice-for-permit-for-invoices-without-price.js')}}"></script>
@endsection