@extends('layouts.dashboard')
@section('pagehead', 'Edit Bill')
@section('bredcrumb-item-link',url('/home/billing/' . $bill->client_id))
@section('bredcrumb-item','Go Back')

@section('content')
<section class="section dashboard">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    @include('layouts.notification')
                </div>
                <div class="card-body">
                    <form action="{{ url('/home/billing' , $bill->id) }}" method="POST">
                        @method('PUT')
                        @csrf
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Client</label>
                                <select name="client_id" id="client_id" class="form-control form-select">
                                    @foreach($modules['clients'] as $key => $client)
                                        <option {{ $client['id']  == $bill->client_id ? 'selected' : '' }} value="{{ $client['id'] }}">{{ $client['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3 additional_fields">
                                <label class="mb-2 mt-2">Address</label>
                                <input type="text" readonly disabled id="additional_field_address" class="form-control">
                            </div>
                            <div class="form-group col-md-3 additional_fields">
                                <label class="mb-2 mt-2">State</label>
                                <input type="text" readonly disabled id="additional_field_state" class="form-control">
                            </div>
                            <div class="form-group col-md-3 additional_fields">
                                <label class="mb-2 mt-2">City</label>
                                <input type="text" readonly disabled id="additional_field_city" class="form-control">
                            </div>
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Brand</label>
                                <select name="brand_id" class="form-control form-select">
                                    @foreach($modules['brands'] as $key => $brand)
                                    <option {{ $brand['id'] == $bill->brand_id ? 'selected' : '' }} value="{{ $brand['id'] }}">{{ $brand['brand_name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Pages</label>
                                <select name="page_id" class="form-control form-select">
                                    @foreach($modules['pages'] as $key => $page)
                                    <option {{ $page['id'] == $bill->page_id ? 'selected' : '' }} value="{{ $page['id'] }}">{{ $page['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Page Number</label>
                                <select name="page_number" class="form-control form-select">
                                    @foreach($modules['page_numbers'] as $key => $pagenumber)
                                    <option {{ $pagenumber['id'] == $bill->page_number_id ? 'selected' : '' }} value="{{ $pagenumber['id'] }}">{{ $pagenumber['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Currency</label>
                                <select name="currency_id" class="form-control form-select">
                                    @foreach($modules['currency'] as $key => $currency)
                                    <option {{ $currency['id'] == $bill->currency_id ? 'selected' : ''}} value="{{ $currency['id'] }}">{{ $currency['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select HSN</label>
                                <select name="hsn_number" class="form-control form-select">
                                    @foreach($modules['hsn'] as $key => $hsn)
                                    <option {{ $hsn['id'] == $bill->hsn_id ? 'selected' : ''}} value="{{ $hsn['id'] }}">{{ $hsn['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Issue Number</label>
                                <select name="issue_number_id" class="form-control form-select">
                                    @foreach($modules['issue_numbers'] as $key => $issue_number)
                                    <option {{ $issue_number['id'] == $bill->issue_number_id ? 'selected' : '' }} value="{{ $issue_number['id'] }}">{{ $issue_number['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Color</label>
                                <select name="color_id" class="form-control form-select">
                                    @foreach($modules['colors'] as $key => $color)
                                    <option {{ $color['id'] == $bill->color_id ? 'selected' : '' }} value="{{ $color['id'] }}">{{ $color['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Month</label>
                                <select name="month" class="form-control form-select">
                                    <option {{ __('jan_feb') == $bill->month ? 'selected' : '' }} value="jan_feb">JAN-FEB</option>
                                    <option {{ __('mar_apr') == $bill->month ? 'selected' : '' }} value="mar_apr">MAR-APR</option>
                                    <option {{ __('may_jun') == $bill->month ? 'selected' : '' }} value="may_jun">MAY-JUN</option>
                                    <option {{ __('jul_aug') == $bill->month ? 'selected' : '' }} value="jul_aug">JUL-AUG</option>
                                    <option {{ __('sep_oct') == $bill->month ? 'selected' : '' }} value="sep_oct">SEP-OCT</option>
                                    <option {{ __('nov_dev') == $bill->month ? 'selected' : '' }} value="nov_dev">NOV-DEC</option>
                                </select>
                            </div>
                            <!-- <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Select Year</label>
                                <select name="billing_year" class="form-control form-select">
                                    @foreach($modules['billing_numbers'] as $key => $number)
                                    <option {{$number == $bill->year ? 'selected' : ''}} value="{{$number}}">{{ $number }}</option>
                                    @endforeach
                                </select>
                            </div> -->
                            <div class="form-group col-md-3">
                                <label class="mb-2 mt-2">Financial Year</label>
                                <select name="financial_year" class="form-control form-select">
                                    @foreach($modules['financial_year'] as $key => $year)
                                        <option value="{{$year->id}}" {{ $bill->financial_year == $year->id ? 'selected' : ''}}>{{ date('Y', strtotime($year->start_date))  . '-' . date('Y', strtotime($year->end_date)) }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <hr>
                        <!-- Calculations -->
                        <div class="row">
                            <div class="form-group col-sm-2">
                                <label class="control-label" for="rate">Rate</label>
                                <input type="number" name="rate" value="{{ $bill->rate }}" id="rate" class="form-control" min="0" placeholder="0.00" required />
                            </div>
                            <div class="form-group col-sm-2">
                                <label class="control-label" for="discount">Discount(%)</label>
                                <input type="number" name="discount" value="{{ $bill->discount }}" id="discount" class="form-control" min="0" placeholder="0.00" />
                            </div>
                            <div class="form-group col-sm-2">
                                <label class="control-label" for="sgst">SGST(%)</label>
                                <input type="number" name="sgst" value="{{ $bill->sgst }}" id="sgst" class="form-control" step="0.01" min="0" placeholder="0.00" />
                            </div>
                            <div class="form-group col-sm-2">
                                <label class="control-label" for="cgst">CGST(%)</label>
                                <input type="number" name="cgst" value="{{ $bill->cgst }}" id="cgst" class="form-control" step="0.01" min="0" placeholder="0.00" />
                            </div>
                            <div class="form-group col-sm-2">
                                <label class="control-label" for="igst">IGST(%)</label>
                                <input type="number" name="igst" value="{{ $bill->igst }}" id="igst" class="form-control" step="0.01" min="0" placeholder="0.00" />
                            </div>
                            <div class="form-group col-sm-2">
                                <label class="control-label" for="gtotal">GTotal</label>
                                <input type="number" name="gtotal" id="gtotal" value="{{ $bill->gtotal }}" readonly class="form-control" min="0" placeholder="0.00" required />
                            </div>
                            <div class="row mt-3">
                                <div class="form-group col-sm-2">

                                </div>
                                <div class="form-group col-sm-2">
                                    <label class="control-label" for="total_discount">Total Discount</label>
                                    <input type="number" name="total_discount" id="total_discount" value="{{ $bill->total_discount }}" readonly class="form-control" min="0" placeholder="0.00" readonly />
                                </div>
                                <div class="form-group col-sm-2">
                                    <label class="control-label" for="total_sgst">Total SGST</label>
                                    <input type="number" name="total_sgst" id="total_sgst" value={{ $bill->total_sgst }} readonly class="form-control" min="0" placeholder="0.00" readonly />
                                </div>
                                <div class="form-group col-sm-2">
                                    <label class="control-label" for="total_cgst">Total CGST</label>
                                    <input type="number" name="total_cgst" id="total_cgst" value={{ $bill->total_cgst }} readonly class="form-control" min="0" placeholder="0.00" readonly />
                                </div>
                                <div class="form-group col-sm-2">
                                    <label class="control-label" for="total_igst">Total Igst</label>
                                    <input type="number" name="total_igst" id="total_igst" value={{ $bill->total_igst }} readonly class="form-control" min="0" placeholder="0.00" readonly />
                                </div>
                            </div>
                            <!-- <div class="form-group">
                                <label class="control-label col-sm-2" for="sum">Sum</label>
                                <div class="col-sm-10">
                                    <input type="number" name="sum" id="sum" class="form-control" readonly />
                                </div>
                            </div> -->
                        </div>
                        <!-- Calculation Ends -->
                        <div class="form-group mt-3">
                            <input type="submit" value="Update Bill" class="btn btn-primary btn-xs">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('scripts')
<script type="text/javascript">
    var currentId = $("#client_id").val();
        $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ url('home/billing/state') }}",
                data: {
                    'id':currentId,
                },
                type: 'POST',
                dataType: 'json',
                success: function(result) {
                    var state = result.state;
                    $(".additional_fields").show();
                    $("#additional_field_address").val(result.address);
                    $("#additional_field_state").val(result.state);
                    $("#additional_field_city").val(result.city);
                    $('.card-header p').first().remove();
                    if(state.toLowerCase() == 'delhi'){
                        $("#sgst").attr('disabled',false);
                        $("#cgst").attr('disabled',false);
                        $("#igst").attr('disabled', true);
                    }else{
                        $("#sgst").attr('disabled',true);
                        $("#cgst").attr('disabled',true);
                        $("#igst").attr('disabled', false);
                    }

                }
            });
    $(function() {
        $("#client_id").change(function(event) {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ url('home/billing/state') }}",
                data: {
                    'id':$(this).val(),
                },
                type: 'POST',
                dataType: 'json',
                success: function(result) {
                    var state = result.state;
                    $(".additional_fields").show();
                    $("#additional_field_address").val(result.address);
                    $("#additional_field_state").val(result.state);
                    $("#additional_field_city").val(result.city);
                    if(state.toLowerCase() == 'delhi'){
                        $("#sgst").attr('disabled',false);
                        $("#cgst").attr('disabled',false);
                        $("#igst").attr('disabled', true);
                    }else{
                        $("#sgst").attr('disabled',true);
                        $("#cgst").attr('disabled',true);
                        $("#igst").attr('disabled', false);
                    }

                }
            });
        });
        // State Check
        // 
        $('#rate,#discount, #sgst, #cgst, #igst, #gtotal,#total_discount,#total_sgst').keyup(function() {
            var rate = parseFloat($('#rate').val()) || 0;
            var discount = parseFloat($('#discount').val()) || 0;
            var sgst = parseFloat($('#sgst').val()) || 0;
            var cgst = parseFloat($('#cgst').val()) || 0;
            var igst = parseFloat($('#igst').val()) || 0;
            var totalDiscount = (rate * discount) / 100;
            var totalSgst = (rate) * sgst / 100;
            var totalCgst = (rate) * cgst / 100;
            var totalIgst = (rate) * igst / 100;
            $('#total_discount').val(totalDiscount);
            $('#total_sgst').val(totalSgst);
            $('#total_cgst').val(totalCgst);
            $('#total_igst').val(totalIgst);
            $('#gtotal').val((rate - totalDiscount) + totalCgst + totalSgst + totalIgst);
        });
    });
</script>
@endsection