@extends('layouts.master')

@section('page_title', 'Purchase Details')
@section('title', 'Purchase Details')
@section('main_item', 'Purchases')
@section('sub_item', 'Add Purchases')

@section('content')
<style>
    #add-supplier {
    white-space: nowrap;
    padding: 0.375rem 0.75rem;
    height: 100%;
}

.input-group {
    flex-wrap: nowrap;
}
</style>
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Edit Purchases</h4>
                <div class="row">
                    <div class="col-md-3" @if ($setting->business_location != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label class="required" style="font-weight: bold" for="activate_code">business
                                Location</label>
                            <select class="form-control select2" id="location_id" name="location_id">
                                @if (Auth::user()->role_id == '1')
                                    @foreach ($users_access_location as $business_location)
                                        @if ($business_location->is_active == '1')
                                            @if ($business_location->id == $grn->location_id)
                                                <option value="{{ $business_location->id }}" selected>
                                                    {{ $business_location->name }}</option>
                                            @else
                                                <option value="{{ $business_location->id }}">
                                                    {{ $business_location->name }}
                                                </option>
                                            @endif
                                        @else
                                        @endif
                                    @endforeach
                                @else
                                    @foreach ($users_access_location as $business_location)
                                        @if ($business_location->is_active == '1')
                                            @if ($business_location->business_location_id == $grn->location_id)
                                                <option value="{{ $business_location->business_location_id }}" selected>
                                                    {{ $business_location->name }}</option>
                                            @else
                                                <option value="{{ $business_location->business_location_id }}">
                                                    {{ $business_location->name }}
                                                </option>
                                            @endif
                                        @else
                                        @endif
                                    @endforeach
                                @endif

                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
    <div class="form-group w-100">
        <label style="font-weight: bold" for="supplier">Supplier</label>
        <div class="input-group w-100">
            <select class="custom-select" id="supplier" name="suppliers_id">
                <option value="{{ $grn->contact_id }}">{{ $grn->supplier->name }}</option>
                @foreach ($suppliers as $supplier)
                    @if ($supplier->id != $grn->contact_id)
                        <option value="{{ $supplier->id }}">{{ $supplier->business_name }}</option>
                    @endif
                @endforeach
            </select>
            <div class="input-group-append">
                <a id="add-supplier" href="javascript:void(0)" class="btn btn-primary"
                   data-toggle="modal" data-target=".bd-example-modal-lg">Add</a>
            </div>
        </div>
    </div>
</div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="ref_number">Purchase No</label>
                            <input type="text" class="form-control" id="ref_number" name=""
                                value="{{ $grn->ref_no }}" required="" readonly >
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="date-format">Purchase Date</label>
                            <input type="text" class="form-control mdate" placeholder="" id="mdate" name=""
                                value="{{ $date }}" required>
                        </div>
                    </div>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row justify-content-center">
                    <div class="col-md-6 ">
                        <div class="form-group">
                            <div class="input-group">
                                <select class="custom-select select2" id="grn-product-list">
                                    <option selected="">Choose Product</option>
                                    @foreach ($products as $product)
                                        <option id="{{ $product->id }}" value="{{ $product->id }}">
                                            {{ $product->sku }}|{{ $product->product_name }}
                                        </option>
                                    @endforeach
                                </select>

                            </div>
                        </div>
                    </div>
                </div>
                <form action="{{ route('grn.update') }}" method="POST">
                    @csrf
                    <div class="table-responsive dash-social">
                        <table id="datatable" class="table table-striped">
                            <thead class="thead-dark">
                                <tr>
                                    <th>Product Name</th>
                                    <th>Purchase Quantity</th>
                                    <th>Purchase Price</th>
                                    <th>Selling Price</th>
                                    <th>Line Total</th>
                                    <th>Action</th>
                                </tr>
                                <!--end tr-->
                            </thead>
                            <tbody id="t-body">
                                @foreach ($grn_items as $count => $grn_item)
                                    <tr>
                                        <td>{{ $grn_item->product->product_name }}</td>
                                        <td><input type="text" class="form-control qty" placeholder="" id="re_date"
                                                name="purchase[{{ $count }}][qty]"
                                                value="{{ $grn_item->qty }}"><input type="hidden"
                                                class="form-control old_qty" placeholder="" id="re_date"
                                                name="purchase[{{ $count }}][old_qty]"
                                                value="{{ $grn_item->qty }}"></td>
                                        <td><input type="text" class="form-control p_price" placeholder="" id="re_date"
                                                name="purchase[{{ $count }}][p_price]" required
                                                value="{{ $grn_item->grn_unit_cost }}"><input type="hidden"
                                                class="form-control old_p_price" placeholder="" id="re_date"
                                                name="purchase[{{ $count }}][old_p_price]" required
                                                value="{{ $grn_item->grn_unit_cost }}"></td>
                                        <td><input type="text" class="form-control s_price" placeholder=""
                                                id="re_date" name="purchase[{{ $count }}][s_price]" required
                                                value="{{ $grn_item->grn_unit_price }}"><input type="hidden"
                                                class="form-control old_s_price" placeholder="" id="re_date"
                                                name="purchase[{{ $count }}][old_s_price]" required
                                                value="{{ $grn_item->grn_unit_price }}">
                                            <input type="hidden" class="form-control" placeholder="" id="re_date"
                                                name="purchase[{{ $count }}][product_id]" readonly
                                                value="{{ $grn_item->product_id }}" required>
                                        </td> <input type="hidden" class="form-control grn" placeholder=""
                                            id="re_date" name="purchase[{{ $count }}][grn]" readonly
                                            value="{{ $grn_item->id }}" required></td>
                                        <td class="line_total">{{ $grn_item->grn_line_total }}</td>
                                        <td>
                                            <a href="javascript:void(0)" class="remove_row"><i
                                                    class="fas fa-trash-alt text-danger font-16"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
            </div>
            <div hidden>
                <input type="text" class="form-control" placeholder="Reference Number" id="ref_number_copy"
                    name="ref_no" value="{{ $grn->ref_no }}" readonly>
                <input type="text" class="form-control" placeholder="" id="mdate_copy" name="grn_date" required
                    value="{{ $grn->grn_date }}" readonly>
                <input type="text" class="form-control" placeholder="" id="supplier_copy" name="contact_id" required
                    value="{{ $grn->contact_id }}" readonly>
                <input type="text" class="form-control" placeholder="" id="id" name="id" required
                    value="{{ $grn->id }}" readonly>
                <select class="form-control select2" id="copy_location_id" name="location_id">
                    @foreach ($business_locations as $business_location)
                        @if ($business_location->is_active == '1')
                            @if ($business_location->id == $grn->location_id)
                                <option value="{{ $business_location->id }}" selected>
                                    {{ $business_location->name }}</option>
                            @else
                                <option value="{{ $business_location->id }}">
                                    {{ $business_location->name }}
                                </option>
                            @endif
                        @else
                        @endif
                    @endforeach
                </select>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Total Cost</h4>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="sub_total">Sub Total</label>
                            <input type="text" class="form-control" placeholder="" id="sub_total" name="grn_total"
                                value="{{ $grn->grn_total }}" required="" readonly>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="discount_type">Discount Type</label>
                            <select class="form-control " id="discount_type" name="discount_type" required>
                                <option value="fixed"
                                    {{ (old('discount_type') ? old('discount_type') : $grn->discount_type ?? '') == 'fixed' ? 'selected' : '' }}>
                                    Fixed</option>
                                <option value="precentage"
                                    {{ (old('discount_type') ? old('discount_type') : $grn->discount_type ?? '') == 'precentage' ? 'selected' : '' }}>
                                    Precentage</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="discount">Discount</label>
                            <input type="number" class="form-control" placeholder="" id="discount"
                                name="grn_discount"
                                @if (!empty($grn->grn_discount)) value="{{ $grn->grn_discount }}"
                                   @else
                                   value="0" @endif>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="net_total">Net Total</label>
                            <input type="text" class="form-control" placeholder="" id="net_total"
                                name="grn_nettotal" value="{{ $grn->grn_nettotal }}" required readonly
                                style="font-weight: bold">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 text-right">
                        <button type="submit" class="btn btn-primary px-5 py-2">Save</button>
                    </div>
                    </form>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
    {{-- Model Sart here  --}}
    <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="mt-0 header-title">Add Customer</h4>
                            <p class="text-muted mb-3"></p>
                            <form class="form-parsley" method="POST" action="{{ route('customers.store') }}">
                                @csrf
                                <input type="text" class="form-control" placeholder="type" id="type"
                                    name="type" value="customer" readonly hidden>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label style="font-weight: bold" for="name">Name</label>
                                            <input type="text" class="form-control" placeholder="Name" id="name"
                                                name="name" required="">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label style="font-weight: bold" for="businesss_name">Business Name</label>
                                            <input type="text" class="form-control" placeholder="Business Name"
                                                id="business_name" name="business_name">
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label style="font-weight: bold" for="primary_mobile">Primary Mobile</label>
                                            <input type="tel"
                                                class="form-control @error('mobile') is-invalid @enderror"
                                                placeholder="Primary Mobile" id="mobile" name="mobile"
                                                required="" data-parsley-type="digits">
                                            @error('mobile')
                                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                    {{ $message }}
                                                    <button type="button" class="close" data-dismiss="alert"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label style="font-weight: bold" for="secondary_mobile">Secondary
                                                Mobile</label>
                                            <input type="tel"
                                                class="form-control @error('mobile') is-invalid @enderror"
                                                placeholder="Secondary Mobile" id="secondary_mobile" name="mobile_2"
                                                data-parsley-type="digits">
                                            @error('mobile_2')
                                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                    {{ $message }}
                                                    <button type="button" class="close" data-dismiss="alert"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label style="font-weight: bold" for="landline">Landline</label>
                                            <input type="text"
                                                class="form-control @error('mobile') is-invalid @enderror"
                                                placeholder="Landline" id="landline" name="landline"
                                                data-parsley-type="digits">
                                            @error('landline')
                                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                    {{ $message }}
                                                    <button type="button" class="close" data-dismiss="alert"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label style="font-weight: bold" for="landmark">Landmark</label>
                                            <input type="text" class="form-control" placeholder="Landmark"
                                                id="landmark" name="landmark" required="">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label style="font-weight: bold" for="city">City</label>
                                            <input type="text" class="form-control" placeholder="City" id="city"
                                                name="city" required="">
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label style="font-weight: bold" for="province">District</label>
                                            <select class="form-control" id="province" name="province_id" required>
                                                <option value="">Select</option>
                                                @foreach ($districts as $district)
                                                    <option value="{{ $district->id }}">{{ $district->name_en }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <div class="row">
                                <div class="col-sm-12 text-right">
                                    <button class="btn btn-primary px-5 py-2" id="customer_save" data-dismiss="modal"
                                        aria-label="Close">Save</button>
                                </div>
                            </div>
                        </div>
                        <!--end card-body-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Model Ends Here --}}
@endsection

@section('scripts')

    <script>
        $(document).ready(function() {
            $('#supplier').select2();
            $('#mdate').val(moment(new Date()).format("YYYY-MM-DD"));
            $('#mdate_copy').val(moment(new Date()).format("YYYY-MM-DD"));
            getProductsRelated($('#location_id').val());
        })

        $(document).on('change', '#grn-product-list', function() {
            var selected = $('#grn-product-list').find(':selected').val();
            var rowCount = $('#datatable tbody tr').length;
            axios.get('{{ url('/grns/product/add/') }}/' + selected + '/' + rowCount)
                .then(function(response) {

                    $(response.data).appendTo($("#datatable tbody"));
                    calucalte()
                })
                .catch(function(error) {

                    console.log(error);
                })
        })

        $(document).on('change', '#ref_number, #supplier, #mdate, #location_id', function() {
            $("#ref_number_copy").val($("#ref_number").val());
            $("#mdate_copy").val($("#mdate").val());
            $("#supplier_copy").val($("#supplier").find(':selected').val());
            $("#copy_location_id").val($("#location_id").find(':selected').val());
        })

        $(document).on('change', '.qty, .s_price, .p_price', function() {
            let qty = $(this).closest("tr").find(".qty").val();
            let p_price = $(this).closest("tr").find(".p_price").val();
            let line_total = parseFloat(qty) * parseFloat(p_price);
            $(this).closest("tr").find(".line_total").html(line_total);

            calucalte();

        })
        $(document).on('click', '.remove_row', function() {

            $(this).closest("tr").remove();
            calucalte();

        })
        // quick add supplier
        $(document).on('click', '#customer_save', function() {
            let name = $('#name').val();
            let business_name = $('#business_name').val();
            let mobile = $('#mobile').val();
            let secondary_mobile = $('#secondary_mobile').val();
            let landline = $('#landline').val();
            let landmark = $('#landmark').val();
            let city = $('#city').val();
            let province = $('#province').val();
            $.ajax({
                method: 'POST',
                url: "{{ route('grn.supplier') }} ",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'name': name,
                    'business_name': business_name,
                    'mobile': mobile,
                    'secondary_mobile': secondary_mobile,
                    'landline': landline,
                    'landmark': landmark,
                    'city': city,
                    'province': province,
                },
                success: function(response) {

                    $('#supplier').empty().html(response);
                    $("#supplier_copy").val($("#supplier").find(':selected').val());

                }
            })
        })

        function calucalte() {
            let total = 0.00;
            $('#datatable tbody tr').each(function() {
                total += parseFloat($(this).find(".line_total").html());

            });

            $('#sub_total').val(total)
            $('#net_total').val(total)
            $('#p_amount').val(total)
            $('#discount').val('0')

        }
        $(document).on('change', '#discount', function() {
            let discount_type = $("#discount_type").val();
            let sub_total = $('#sub_total').val();
            let discount = $("#discount").val();

            if (discount_type == 'fixed') {

                let sub = sub_total - discount;

                $("#net_total").val(sub);
                $("#paid_amount").val(sub);
            } else {

                let precentage = sub_total * discount / 100;
                let sub = sub_total - precentage;
                $("#net_total").val(sub);
                $("#paid_amount").val(sub);
            }
        });

        $(document).on('change', '#discount_type', function() {
            let sub_total = $('#sub_total').val();
            $("#discount").val('');
            $("#net_total").val(sub_total);
        });

        $(document).on('change', '#location_id', function() {
            $('#business_location_id').val($(this).val());
            getProductsRelated($(this).val());
        });

        //fetch location wise products
        function getProductsRelated(business_location_id) {
            $.ajax({
                method: 'GET',
                url: "{{ route('grn.location') }}",
                data: {
                    business_location_id: business_location_id,
                },
                success: function(options) {
                    $('#grn-product-list').empty().html(options)
                }
            });
        }
    </script>

@endsection