@extends('layouts.app')

@section('title', 'Manage Unit & Conversion')
@section('breadcrumb', 'Stock')
@section('sub-breadcrumb')
    <a href="{{route('stock.unit')}}" class="kt-subheader__breadcrumbs-link">
        List
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a class="kt-subheader__breadcrumbs-link">
       Manage Unit & Conversion
    </a>
@endsection
@section('stock-manage-unit', 'kt-menu__item--open kt-menu__item--here')
@section('create-stock-manage-unit', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            <div class="container">
                <form id="createMasterStock" action="{{route('stock.unit.store')}}" method="POST">
                    @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Item <span style="color:red;">*</span></label>
                            <select class="form-control" name="stuff" id="stuff">
                                <option value="">-- Choose Item --</option>
                                @foreach ($dataStuff['result'] as $item)
                                    <option value="{{$item['id']}}">{{$item['name']}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Unit Small <span style="color:red;">*</span></label>
                            <select class="form-control" name="unit_small" id="unit_small">
                                <option value="">-- Choose Unit Small --</option>
                                @foreach ($dataUnit['result'] as $item)
                                    <option value="{{$item['id']}}">{{$item['name']}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Small Equal Medium</label>
                            <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-sort-amount-up"></i></span></div>
                                <input type="text" name="small_equal_medium" id="small_equal_medium" class="form-control m-input" placeholder="E.g: 10" data-col-index="0">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Unit Medium <span style="color:red;">*</span></label>
                            <select class="form-control" name="unit_medium" id="unit_medium">
                                <option value="">-- Choose Unit Medium --</option>
                                @foreach ($dataUnit['result'] as $item)
                                    <option value="{{$item['id']}}">{{$item['name']}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Medium Equal Large</label>
                            <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-sort-amount-up"></i></span></div>
                                <input type="text" name="medium_equal_large" id="medium_equal_large" class="form-control m-input" placeholder="E.g: 10" data-col-index="0">
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Unit Large <span style="color:red;">*</span></label>
                            <select class="form-control" name="unit_large" id="unit_large">
                                <option value="">-- Choose Unit Large --</option>
                                @foreach ($dataUnit['result'] as $item)
                                    <option value="{{$item['id']}}">{{$item['name']}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group pull-right">
                            <button type="reset" class="btn btn-secondary"><i class="fa fa-undo"></i> Reset</button>
                            </form>
                            <button id="create" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom-script')
<script>
    $('#create').click(function (event) {
        event.preventDefault();
        $('#loading').show();
        var form = $('#createMasterStock'),
            url = form.attr('action'),
            method = 'POST';

        form.find('.help-block').remove();
        form.find('.form-group input').removeClass('is-invalid');
        $.ajax({
            url : url,
            method: method,
            data : form.serialize(),
            success: function (response) {
                $('#loading').hide();
                // console.log(response);
                if (response.status == "fail") {
                    $('.form-group input').removeClass('is-invalid');
                    $.each(response.messages, function (key, value) {
                        $('#' + key)
                            .closest('.form-group input')
                            .addClass('is-invalid')
                            .append('<span class="help-block"><strong>' + value + '</strong></span>');
                        $('#' + key)
                            .closest('.form-group')
                            .append('<span class="help-block"><strong>' + value + '</strong></span>');
                    });
                }
                if (response.status == "success") {
                    swal.fire({
                        type : 'success',
                        title : 'Success!',
                        timer: 5000,
                        text : 'Data has been saved!'
                    }).then((result) => {
                        if (result.value) {
                            $(location).attr('href', "{{route('stock.unit')}}");
                        }
                            $(location).attr('href', "{{route('stock.unit')}}");
                    });
                }
            },
            error : function (xhr) {
                $('#loading').hide();
                swal.fire({
                    type : 'error',
                    title : 'Failed!',
                    text : 'An error Occured!'
                });

            }
        })
    });
</script>
@endsection