@extends('layouts.app')

@section('title', 'Manage Master Data Stock')
@section('breadcrumb', 'Stock')
@section('sub-breadcrumb')
    <a href="{{route('stock.data.stock')}}" class="kt-subheader__breadcrumbs-link">
        Manage Master Data Stock
    </a>

@endsection
@section('stock-master-data', 'kt-menu__item--open kt-menu__item--here')
@section('create-stock-master-data', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            @include('layouts.notification')
            <div class="container">
            <form id="createMasterStock" action="{{route('stock.data.store')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Category <span style="color:red">*</span></label>
                            <select class="form-control" name="category" id="category">
                                <option value="">-- Choose Category --</option>
                                @foreach ($dataCategory['result'] as $item)
                                    <option value="{{$item['id']}}">{{$item['category']}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Name <span style="color:red">*</span></label>
                            <div class="text-muted mb-1"><i>Nama item di aplikasi</i></div>
                            <input name="name" id="name" type="text" class="form-control" placeholder="E.g: Biji Kopi . .">
                        </div>
                        <div class="form-group">
                            <label>Accurate Name</label>
                            <div class="text-muted mb-1"><i>Nama item dari Accurate</i></div>
                            <input name="accurate_name" type="text" class="form-control" placeholder="E.g: Biji Kopi . .">
                        </div>
                        <div class="form-group">
                            <label>PO Name</label>
                            <div class="text-muted mb-1"><i>Nama item untuk PO</i></div>
                            <input name="po_name" type="text" class="form-control" placeholder="E.g: Biji Kopi . .">
                        </div>
                        <div class="form-group">
                            <label>Unit Order <span style="color:red">*</span></label>
                            <select class="form-control" name="unit_order" id="unit_order">
                                <option value="">-- Choose Unit Order --</option>
                                @foreach ($dataUnit['result'] as $item)
                                    <option value="{{$item['id']}}">{{$item['name']}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Unit Opname <span style="color:red">*</span></label>
                            <select class="form-control" name="unit_opname" id="unit_opname">
                                <option value="">-- Choose Unit Opname --</option>
                                @foreach ($dataUnit['result'] as $item)
                                    <option value="{{$item['id']}}">{{$item['name']}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Low Stock Limit <span style="color:red">*</span></label>
                            <input name="low_stock_limit" id="low_stock_limit" type="text" class="form-control" placeholder="E.g: 2">
                        </div>
                        <div class="form-group">
                            <label>Price <span style="color:red">*</span></label>
                            <input name="price" id="price" type="text" class="form-control" placeholder="E.g: 15000">
                        </div>
                        <div class="form-group">
                            <label>Minimum Order <span style="color:red">*</span></label>
                            <input name="minimum_order" id="minimum_order" type="text" class="form-control" placeholder="E.g: 1">
                        </div>
                        <div class="form-group">
                            <label>Image <span style="color:red">*</span></label>
                            <input name="image" id="image" type="file" class="form-control" placeholder="E.g: 1">
                        </div>
                        <div class="form-group">
                            <label>Status Opname <span style="color:red">*</span></label>
                            <select name="status" id="status" class="form-control">
                                <option value="0">Unopnamed</option>
                                <option value="1">Opnamed</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Max Limit</label>
                            <input name="limit" id="limit" type="text" class="form-control" placeholder="E.g: 1">
                        </div>
                        <div class="form-group pull-right">
                            <br>
                            <button type="reset" class="btn btn-secondary"><i class="fa fa-undo"></i> Reset</button>
                            <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Save</button>
                                </form>
                        </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.data.stock')}}");
                            }
                                $(location).attr('href', "{{route('stock.data.stock')}}");
                        });
                    }
                },
                error : function (xhr) {
                    $('#loading').hide();
                    swal.fire({
                        type : 'error',
                        title : 'Failed!',
                        text : 'An error Occured!'
                    });

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