@extends('layouts.app')

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="pt-3 px-3">
                    <form class="form" id="localPurchaseForm">
                        <div class="form-body">
                            <h4 class="form-section">
                                <i class="icon-user"></i> Details About Inventory
                            </h4>
                            <div class="row">
                                <div class="form-group">
                                    <label>Inventory Entry Type</label>
                                    <select name="inventory_type" id="inventory_type" class="form-control">
                                        <option value="purchase">Purchase</option>
                                        <option value="opening">Opening Stock</option>
                                        <option value="adjustment">Adjustment</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Vendor Name</label>
                                        <select name="vendor_id" id="vendor_id" class="form-control">
                                            <option selected disabled>Select Vendor</option>
                                            @foreach ($vendor as $vendors)
                                            <option value="{{$vendors->id}}">{{$vendors->v_fname}} {{$vendors->v_lname}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Purchasing Date</label>
                                        <input type="date" name="purchasing_date" id="purchasing_date" class="form-control">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Qty</label>
                                        <input type="number" name="qty" id="qty" class="form-control" placeholder="332">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Total Bill Amount</label>
                                        <input type="number" name="total_bill" id="total_bill" class="form-control" placeholder="Total Bill Amount">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Select Inventory Item</label>

                                        <select name="inventory_item" id="inventory_item" class="form-control">
                                            <option selected disabled>Select Inventory Item</option>
                                            @foreach ($item_group as $item_group)
                                            <option value="{{$item_group->id}}">{{$item_group->item_name}}</option>
                                            @endforeach
                                        </select>




                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Description</label>
                                        <input type="text" name="description" id="description" class="form-control" placeholder="Description">
                                    </div>
                                </div>
                            </div>
                            <h4 class="form-section">
                                <i class="icon-book-open"></i>Local Purchased Inventory
                            </h4>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="">Select Warehouse</label>
                                        <select name="warehouse_id" id="warehouse_id" class="form-control">
                                            <option value="" selected disabled>Select Warehouse</option>

                                            @foreach ($warehouse as $warehouse)
                                            <option value="{{$warehouse->id}}">{{$warehouse->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="qty_bags">Delievery Qty (Bags)</label>
                                        <input type="number" name="qty_bags" placeholder="32" class="form-control">
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="">Sorting Charges</label>
                                        <input type="number" name="qty_cntr" required placeholder="32" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="qty_cntr">Rent Rate Per Bag</label>
                                        <input type="number" name="rent_rate_bag" placeholder="32" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="">Cartage Charges</label>
                                        <input type="number" name="cartage_charges" required placeholder="32" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="">Delivery Date</label>
                                        <input type="date" name="delivery_date" placeholder="32" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="">Weight Charges</label>
                                        <input type="number" name="weight_charges" required placeholder="32" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="">Unloading Charges</label>
                                        <input type="number" name="unloading_charges" required placeholder="32" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="">Other Charges</label>
                                        <input type="number" name="other_charges" required placeholder="32" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="">Good Received from warehouse</label>
                                        <input type="text" name="warehouse_description" id="warehouse_description" class="form-control">
                                    </div>
                                </div>
                            </div>

                            <div class="form-actions">
                                <button type="button" class="btn btn-danger mr-1">
                                    <i class="icon-trash"></i> Cancel
                                </button>
                                <button type="button" class="btn btn-success" id="saveBtn">
                                    <i class="icon-note"></i> Add Local Purchase Inventories
                                </button>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('afterScript')
<script>
// $('#inventory_type').on('change', function () {
//     if (this.value === 'purchase') {
//         $('#vendor_id').prop('disabled', false).closest('.form-group').show();
//     } else {
//         $('#vendor_id').prop('disabled', true).closest('.form-group').hide();
//     }
// });
    $(document).ready(function() {
        $('#vendor_id').select2();
        $(document).on('click', "#saveBtn", function(e) {
            e.preventDefault();

            var form_data = new FormData($("#localPurchaseForm")[0]);
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: "{{ route('add_local_purchase.store') }}",
                type: "POST",
                data: form_data,
                async: false,
                cache: false,
                contentType: false,
                enctype: 'multipart/form-data',
                processData: false,
                success: function(res) {
                    swal("Inserted!", "Data has been Added Successfully!", "success");
                    //  setTimeout(function() { 
                    //     // location.reload();
                    // }, 1000);
                    // $('#localPurchaseForm')[0].reset();
                    $('#job_id').val(null).trigger('change');
                },
                error: function(err) {
                    swal('Not Valid', err.responseJSON.message, 'error');
                    // setTimeout(function() { 
                    //     location.reload();
                    // }, 1000);

                }
            });
        });
    })
</script>

@endsection