@extends('layouts.admin')
@section('content')
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css"/>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Damage Store Inventory')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li><a href="{{ URL::to('admin/damaged-warehouse-product/list') }}">@lang('messages.Damage Store Inventory')</a></li>
                    <li>@lang('messages.Create Damage Store Inventory')</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="row">
            <div class="">
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-plus"></i>@lang('messages.Create Damage Store Inventory')
                        </div>
                    </div>
                    <div class="portlet-body form">

                        {!!Form::open(array('class'=>'form-horizontal','id'=>'damage_form','files' => true));!!}
                        <input type="hidden" id="available_quantity" name="available_quantity">
                        <div class="form-body">
                            <div class='form-group'>
                                <div class='control-label col-md-3'>
                                    {{ Form::label('warehouse_id', trans('messages.Stores')) }}<span
                                            class='required asterisk' aria-required='true'>*</span>
                                </div>
                                <div class='col-md-4'>
                                    <select id='warehouse_id' class='select2' name='warehouse_id'>
                                        @if (!empty($warehouseList))
                                            <option value=''>@lang('messages.Select Store')</option>
                                            @foreach($warehouseList as $id => $warehouse)
                                                <option value='{{$id}}'>{{$warehouse}}</option>
                                            @endforeach
                                        @else
                                            <option value=''>@lang('messages.No Store Found')</option>
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='form-group'>
                                <div class='control-label col-md-3'>
                                    {{ Form::label('warehouse_product_id', trans('messages.Products')) }}<span
                                            class='required asterisk' aria-required='true'>*</span>
                                </div>
                                <div class='col-md-4'>
                                    <select id='warehouse_product_id' class='select2' name='warehouse_product_id'>
                                            <option value=''>@lang('messages.Select Store First')</option>
                                    </select>
                                </div>
                            </div>

                             <div class='form-group'>
                                <div class='control-label col-md-3'>
                                    {{ Form::label('available_qty', trans('messages.Available Quantity')) }}<span
                                            class='required asterisk' aria-required='true'>*</span>
                                </div>
                                <div class='col-md-4'>
                                    <input type="text" name="available_qty" id="available_qty" disabled class="form-control">
                                </div>
                            </div>

                            <div class='form-group'>
                                <div class='control-label col-md-3'>
                                    {{ Form::label('damaged_qty', trans('messages.Damaged Quantity')) }}<span
                                            class='required asterisk' aria-required='true'>*</span>
                                </div>
                                <div class='col-md-4'>
                                    <input type="text" name="damaged_qty" id="damaged_qty" class="form-control">
                                </div>
                            </div>


                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-3 col-md-9">
                                        <button type="button" id="btnCancel" value="" class="btn btn-danger" onclick="window.location='{{ url('/admin/damaged-warehouse-product/list') }}'">@lang('messages.Cancel')</button>
                                        <button type="submit" id="btnSubmit" value="submit" data-loading-text="<i class='fa fa-spinner fa-spin '></i> @lang('messages.Processing...')" class="btn btn-primary">@lang('messages.Save')</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>
                        {!! Form::close(); !!}
                    </div>

                </div>
            </div>

        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#warehouse_id').select2();
            $('#warehouse_product_id').select2();
            $('#available_qty').hide();
            $('#damage_form').submit(function (e) {
                e.preventDefault();
                available_qty = $('#available_qty').val();
                damaged_qty = $('#damaged_qty').val();
                if(parseInt(available_qty) < parseInt(damaged_qty)) {
                    toastr.error('Damaged quantity should be below or equal to available quantity');
                    return false;
                }
                $('#loader-wrapper').removeClass('loader');
                $("#btnSubmit").attr("disabled", true);
                $('#btnCancel').attr("disabled", true);
                $('#btnSubmit').button('loading');
                var token, url, data;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{url('admin/damaged-warehouse-product/store')}}';
                data = new FormData(this);
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: data,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        $('#loader-wrapper').addClass('loader');
                        $("#btnSubmit").attr("disabled", false);
                        $('#btnCancel').attr("disabled", false);
                        $('#btnSubmit').button('reset');
                        if (resp.http_code == 400) {
                            err_msg = resp.message.replace(/, \\n /g, '<br>');
                            toastr.error(err_msg);
                        } else if (resp.http_code == 200) {
                            toastr.success(resp.message);
                            var list_page = '{{ url('admin/damaged-warehouse-product/list')}}';
                            $(location).attr('href', list_page);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    },
                    error: function (err) {
                        $("#btnSubmit").attr("disabled", false);
                        $('#btnCancel').attr("disabled", false);
                        $('#btnSubmit').button('reset');
                    }
                });
            });
        });

        $('#warehouse_id').change(function (e) {
            e.preventDefault();
            var token, url, data;
            warehouse_id = $(this).val();
            token = $('meta[name="csrf-token"]').attr('content');
            url = '{{url('admin/product/warehouse-based-products')}}';
            data = {warehouse_id: warehouse_id};
            if (warehouse_id == '') {
                $('#warehouse_product_id').empty();
                $('#warehouse_product_id').append($("<option></option>").attr("value", "").text('Select Store First'));
                $('#warehouse_product_id').val('').trigger("change");
                return false;
            }
            $.ajax({
                url: url,
                headers: {'X-CSRF-TOKEN': token},
                data: data,
                type: 'POST',
                datatype: 'json',
                success: function (resp) {
                    $('#warehouse_product_id').empty();
                    if (resp.http_code != 200) {
                        $('#warehouse_product_id').append($("<option></option>").attr("value", "").text('No Store Product Found'));
                        $('#warehouse_product_id').val('').trigger("change");
                    } else {
                        $('#warehouse_product_id').append($("<option></option>").attr("value", "").text('Select Store Product'));
                        $('#warehouse_product_id').val('').trigger("change");
                        $.each(resp.data, function (key, value) {
                            $.each( value, function( index2, value_inner ) {
                                $('#warehouse_product_id').append($("<option></option>").attr("value", value_inner['id']).attr("data-qty",value_inner['available_qty']).text(value_inner['name_en']));
                            });
                        });
                    }
                }
            });
        });

        $("#warehouse_product_id").change(function(e) {
            e.preventDefault();
            var value = $(this).find('option:selected').attr("data-qty");
            if($(this).val() == '') {
                $('#available_qty').hide();
                return false;
            }
            $('#available_qty').show();
            $('#available_qty').val(value);
            $('#available_quantity').val(value);
        });

    </script>
@endsection