@extends('layouts.app')
@section('title', __('lang_v1.add_purchase_requisition'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-5" href="{{action([\App\Http\Controllers\PurchaseController::class, 'index'])}}">
                <i class="ni ni-cart text-sm-i opacity-10"></i> @lang('purchase.purchases')
              </a>
            </li>
            <li class="breadcrumb-item text-sm">
                <a class="opacity-7 text-white" href="javascript:;">@lang('lang_v1.purchase_requisition')</a>
            </li>
            <li class="breadcrumb-item text-sm text-white active">
                @lang('lang_v1.add_purchase_requisition')
            </li>
          </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content">
	<div class="pad-15"> 
		{!! Form::open(['url' => action([\App\Http\Controllers\PurchaseRequisitionController::class, 'store']), 'method' => 'post', 'id' => 'add_purchase_requisition_form' ]) !!}
		@component('components.widget', ['class' => 'box-solid', 'icon' => 'fa fa-file-alt text-primary', 'title' => __( 'lang_v1.purchase_requisition')])
			<hr class="line-light-1">
			<div class="pad-15">
				<div class="row">
					<div class="col-sm-4">
		          		<div class="form-group">
		            		{!! Form::label('brand_id', __('product.brand') . ':') !!}
		              		{!! Form::select('brand_id[]', $brands, null, ['class' => 'form-control select2', 'multiple', 'id' => 'brand_id']); !!}
		           
		          		</div>
		        	</div>
		        	<div class="col-sm-4 @if(!session('business.enable_category')) hide @endif">
		          		<div class="form-group">
		            		{!! Form::label('category_id', __('product.category') . ':') !!}
		              		{!! Form::select('category_id[]', $categories, null, ['class' => 'form-control select2', 'multiple', 'id' => 'category_id']); !!}
		          		</div>
		        	</div>
					@if(count($business_locations) == 1)
						@php 
							$default_location = current(array_keys($business_locations->toArray()));
							$search_disable = false; 
						@endphp
					@else
						@php $default_location = null;
						$search_disable = true;
						@endphp
					@endif
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('location_id', __('purchase.business_location').':') !!}
							{!! Form::select('location_id', $business_locations, $default_location, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select')]); !!}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-12 text-right">
						<br>
						<button type="button" class="btn bg-yellow" id="show_pr_products"><i class="fas fa-search"></i> @lang('lang_v1.show_products')</button>
					</div>
				</div>
			</div>
		@endcomponent

		@component('components.widget', ['class' => 'box-solid','icon' => 'fa fa-file text-primary', 'title' => __( 'lang_v1.purchase_requisition')])
			<hr class="line-light-1">
			<div class="pad-15">
				<div class="row">
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('ref_no', __('purchase.ref_no').':') !!}
							@show_tooltip(__('lang_v1.leave_empty_to_autogenerate'))
							{!! Form::text('ref_no', null, ['class' => 'form-control bd-rd-7']); !!}
						</div>
					</div>
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('delivery_date', __('lang_v1.required_by_date') . ':') !!}
							{!! Form::text('delivery_date', null, ['class' => 'form-control bd-rd-7', 'readonly']); !!}
						</div>
					</div>
				</div>	
			</div>
		@endcomponent

		@component('components.widget', ['class' => 'box-solid', 'icon' => 'fa fa-file text-primary', 'title' => __( 'lang_v1.purchase_requisition')])
			<hr class="line-light">
			<div class="pad-15">
				<div class="row">
					<div class="col-md-12">
						<table class="table align-items-center mb-0 full-width" id="products_list">
							<thead class="thead-light">
								<tr>
									<th class="text-uppercase text-dark text-xs font-weight-bolder" width="40%">@lang('sale.product')</th>
									<th class="text-uppercase text-dark text-xs font-weight-bolder" width="20%">@lang('product.alert_quantity')</th>
									<th class="text-uppercase text-dark text-xs font-weight-bolder" width="35%">@lang('lang_v1.required_quantity')</th>
									<th class="text-uppercase text-dark text-xs font-weight-bolder" width="5%"><i class="text-danger fas fa-trash"></i></th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		@endcomponent

		<div class="row">
			<div class="col-sm-12 text-center">
				<button type="button" class="btn btn-success btn-flat btn-big" id="submit_pr_form">@lang('messages.save')</button>
			</div>
		</div>

	{!! Form::close() !!}
	</div>
</section>
@endsection

@section('javascript')
	<script type="text/javascript">
		$(document).ready( function(){
      		__page_leave_confirmation('#add_purchase_requisition_form');
      		$('#delivery_date').datetimepicker({
                format: moment_date_format + ' ' + moment_time_format,
                ignoreReadonly: true,
            });

            var data = {
            	location_id: $('#location_id').val(),
            	brand_id: $('#brand_id').val(),
            	category_id: $('#category_id').val()
            }

            $('#show_pr_products').click( function(){
            	if ($('#location_id').val() == '') {
            		alert('{{__("lang_v1.select_location")}}');
            		return false;
            	}
            	var data = {
	            	location_id: $('#location_id').val(),
	            	brand_id: $('#brand_id').val(),
	            	category_id: $('#category_id').val()
	            }

            	$.ajax({
                    method: 'post',
                    url: "{{route('get-requisition-products')}}",
                    dataType: 'html',
                    data: data,
                    success: function(result) {
                    	var rows = $(result);
                    	rows.find('tr').each(function(){
                    		var row_variation_id = $(this).attr('data-variation_id');
                    		if ($('tr[data-variation_id="' + row_variation_id + '"]').length == 0) {
                    			$('#products_list tbody').append($(this));
                    		}
                    	})
                        
                    },
                });
            });
    	});

		var prev_location;

		$('#location_id').on('select2:selecting', function(){
		    prev_location = $(this).val();
		})

		$('#location_id').on('select2:select', function(){
			if ($('#products_list tbody').find('tr').length > 0){
        		swal({
		            title: LANG.sure,
		            text: '{{__("lang_v1.all_added_products_will_be_removed")}}',
		            icon: 'warning',
		            buttons: true,
		            dangerMode: true,
		        }).then(willDelete => {
		            if (willDelete) {
		                $('#products_list tbody').html('');
		            } else {
		        		$('#location_id').val(prev_location);
		        		$('#location_id').change();
		        		return false;
		        	}
		        });
        	}
		});

    	$(document).on('click', 'button.remove_product_line', function(){
    		$(this).closest('tr').remove();
    	})

    	$(document).on('click', 'button#submit_pr_form', function(e){
    		e.preventDefault();
    		if ($('#products_list tbody').find('tr').length == 0){
    			toastr.warning(LANG.no_products_added);
    			return false;
    		}
    		if ($('form#add_purchase_requisition_form').valid()) {
    			$('form#add_purchase_requisition_form').submit();
    		}
    		
    	})
	</script>
@endsection