@extends('layouts.app')
@section('title','বিল ভাউচার ইস্যু')
@section('content')

<div class="row">
    <div class="panel panel-inverse">
	    <div class="panel-heading">
 			<div class="panel-heading-btn">	        	
	           <a href="javascript:;" class="btn btn-xs btn-icon btn-info" data-click="panel-expand"><i class="fa fa-expand"></i></a>
	        </div>
	        <h4 class="panel-title">@yield('title')</h4>
	    </div>
        @include('messages.message')
	    <div class="panel-body">
	    	<br>
    		<form action="{{ route('bill.invoice') }}" method="post" class="form-horizontal col-md-12" target="_blank">
    		@csrf
    			<div class="col-md-6">					

                    <div class="form-group">
                        <label class="col-md-3 control-label">লাইসেন্স ধরণ<span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            <select id="license_mode" name="license_mode" class="form-control @error('license_mode') is-invalid @enderror" required="required">
							    <option value="" seelcted="selected">লাইসেন্স ধরণ নির্বাচন করুন</option>
                                <option value="new_license">নতুন লাইসেন্স</option>
								<option value="renew_license">নবায়নযোগ্য লাইসেন্স</option>
                            </select>
                            @error('license_mode')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 control-label">অর্থবছর<span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" name="assessment_fiscal_year" value="{{ currentFiscalYear(date('Y-m-d')) }}" required="required" readOnly>
                            @error('assessment_fiscal_year')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group">
						<label class="col-md-3 control-label">লাইসেন্স নম্বর<span class="text-danger">*</span></label>
						<div class="col-md-9">
							<select id="license_assessment" name="license_assessment_id" class="form-control selectpicker"  required="required">
							<option value="" readOnly>লাইসেন্স নম্বর নির্বাচন করুন</option>
							@foreach ($licenses as $license)
								<option value="{{ $license->licenseAssessment->id }}">{{ $license->institution_name }} ({{ $license->licenseAssessment->license_number }})</option>
							@endforeach                                 
                            </select>
                            @error('license_number')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
						</div>
					</div>

                    <div class="form-group">
                        <label class="col-md-3 control-label"></label>
                        <div class="col-md-9">
                            <button type="submit" class="btn btn-sm btn-success">বিল ইস্যু করুন</button>
                        </div>
                    </div>

    			</div>
     			 
			</form>
			<br/><br/><br/><br/><br/><br/>
	    	<div id="loadContent">
	    		
	    	</div>
	    </div>
	</div>
</div>

</div>

<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $(function(){
	"use strict";

        $("#license_mode").on("change", function(){
            var license_mode = $("#license_mode").find(':selected').val();
             
            if(license_mode != "")
            {
                var license = $("#license_assessment");
                license.append('<option id="oploading"> Loading..... </option>');

                $("#license_assessment").load("{{ route('license.billable.number') }}", { license_mode: license_mode, '_token' : "{{ csrf_token() }}" },
                function(data) { 
                    license.append('<option value="" readOnly>লাইসেন্স নম্বর নির্বাচন করুন</option>');
                    
                    $.each($.parseJSON(data), function(key, value) {
                        license.append("<option value='"+ value.license_assessment_id +"'>" + value.name +'('+value.license_number+')'+ "</option>");
                    });
                    $('#oploading').remove();
                });
            }
            else 
            {
                $("#license_assessment").html('<option id="oploading"> Loading..... </option>');
            }
        });

    })
</script>
@endsection