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

@section('content')
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/css/bootstrap-select.min.css" rel="stylesheet">
<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">
                    @php 
                        $pages = $bill->page_number_id;
                        $pageValue = \App\Models\PageNumberMaster::where('id',$pages)->first();
                        $totalValue = $bill->rate * $pageValue->name - ($bill->rate * $pageValue->name * $bill->discount/100);
                        $cgst =  $totalValue * $bill->cgst/100;
                        $sgst =  $totalValue * $bill->sgst/100;
                        $igst =  $totalValue * $bill->igst/100;
                    @endphp
                    <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 selectpicker" multiple aria-label="Select" data-live-search="true">
                                    @foreach($modules['pages'] as $key => $page)
                                        <option {{ (in_array($page['id'], $pageIds)) ? 'selected' : '' }} value="{{ $page['id'] }}">{{ $page['name'] }}</option>
                                    @endforeach
                                </select>
                                <!-- <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" id="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 Issue Number</label>
                                <select name="issue_number_id" id="issue_number_group" 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 issue_number_year_wrap">
                                <label class="mb-2 mt-2">Issue Year</label>
                                <input type="text" name="issue_number_year" readonly class="form-control issue_number_year">
                            </div>
                            <div class="form-group col-md-3 issue_number_month_wrap">
                                <label class="mb-2 mt-2">Issue Month</label>
                                <input type="text" name="issue_number_month" readonly class="form-control issue_number_month">
                            </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 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 {{ $currency['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 Year</label>
                                <select name="billing_year" class="form-control form-select">
                                    @foreach($modules['billing_numbers'] as $key => $number)
                                    <option value="{{$number}}">{{ $number }}</option>
                                    @endforeach
                                </select>
                            </div> -->
                            <div class="form-group col-md-3" style="display:none">
                                <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}}">{{ date('Y', strtotime($year->start_date))  . '-' . date('Y', strtotime($year->end_date)) }}</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" id="rate" value="{{$bill->rate}}" class="form-control" min="0" placeholder="0.00" required />
                            </div>
                            <div class="form-group col-sm-2">
                                <label class="control-label" for="amt">Amount</label>
                                <input type="number" name="amt" id="amt" readonly 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-3">
                                <label class="control-label" for="total_discount">Total Discount</label>
                                <input type="number" name="total_discount" value="{{ $bill->rate * $bill->discount/100}}" id="total_discount" readonly class="form-control" min="0" placeholder="0.00" readonly />
                            </div>
                            <div class="form-group col-sm-3">
                                <label class="control-label" for="gtotal">Price After Discount</label>
                                <input type="number" name="grand_total_with_tax" value="{{ $bill->rate - ($bill->rate * $bill->discount/100) }}" id="grand_total_with_tax" readonly class="form-control" min="0" placeholder="0.00" required />
                            </div>
                            <div class="row mt-3">
                                <div class="form-group col-sm-3">
                                    <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-3">
                                    <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-3">
                                    <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-3">
                                    <label class="control-label" for="grand_total_with_tax">Grand Total With Tax</label>
                                    <input type="number" name="gtotal" id="gtotal" value="{{$bill->gtotal}}" readonly class="form-control" min="0" placeholder="0.00" required />
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="form-group col-sm-2">
                                    <label class="control-label" for="total_sgst">Total SGST</label>
                                    <input type="number" name="total_sgst" value="{{$sgst}}" id="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" value="{{$cgst}}" id="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" value="{{$igst}}" id="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 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/js/bootstrap-select.min.js"></script>
<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() {
        // 
        var pages = $("#page_number").find(":selected").text();
        var rate = parseFloat($('#rate').val() * pages) || 0;
        var discount = parseFloat($('#discount').val()) || 0;
        var totalDiscount = (rate * discount) / 100;
        $('#grand_total_with_tax').val(rate - totalDiscount);
        // 
        $(".issue_number_year_wrap").hide();
        $(".issue_number_month_wrap").hide();
        var pageNumberVal = $("#page_number option:selected").text();
        var rateAmt = $("#rate").val();
        var amtValue = $("#amt").val(rateAmt * pageNumberVal);
        // Check Issue Number
        var currentIssue = $('#issue_number_group').val();
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ url('home/billing/issue-number') }}",
                data: {
                    'id':currentIssue,
                },
                type: 'POST',
                dataType: 'json',
                success: function(result) {
                    $(".issue_number_year_wrap").show();
                    $(".issue_number_year").val(result.year);
                    $(".issue_number_month_wrap").show();
                    $(".issue_number_month").val(result.month.toUpperCase().replace('_','-'));

                }
            });
        // Ends
        $("#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
        // 
        $("#issue_number_group").change(function(event) {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ url('home/billing/issue-number') }}",
                data: {
                    'id':$(this).val(),
                },
                type: 'POST',
                dataType: 'json',
                success: function(result) {
                    $(".issue_number_year_wrap").show();
                    $(".issue_number_year").val(result.year);
                    $(".issue_number_month_wrap").show();
                    $(".issue_number_month").val(result.month.toUpperCase().replace('_','-'));

                }
            });
        });
        // Number Of Pages
        $("#page_number").change(function(event) {
            var pages = $("#page_number").find(":selected").text();
            var rate = parseFloat($('#rate').val() * pages) || 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 - totalDiscount) * sgst / 100;
            var totalCgst = (rate - totalDiscount) * cgst / 100;
            var totalIgst = (rate - totalDiscount) * igst / 100;
            // 
            var pageNumberVal = pages;
            var rateAmt = $("#rate").val();
            var amtValue = $("#amt").val(rateAmt * pageNumberVal);
            // 
            $('#total_discount').val(totalDiscount);
            $('#total_sgst').val(totalSgst);
            $('#total_cgst').val(totalCgst);
            $('#total_igst').val(totalIgst);
            $('#grand_total_with_tax').val(rate - totalDiscount);
            $('#gtotal').val((rate - totalDiscount) + totalCgst + totalSgst + totalIgst);
        });
        // 
        $('#rate,#discount, #sgst, #cgst, #igst, #gtotal,#total_discount,#total_sgst').keyup(function() {
            var pages = $("#page_number").find(":selected").text();
            var rate = parseFloat($('#rate').val() * pages) || 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 - totalDiscount) * sgst / 100;
            var totalCgst = (rate - totalDiscount) * cgst / 100;
            var totalIgst = (rate - totalDiscount) * igst / 100;
            $('#total_discount').val(totalDiscount);
            $('#total_sgst').val(totalSgst);
            $('#total_cgst').val(totalCgst);
            $('#total_igst').val(totalIgst);
            $('#grand_total_with_tax').val(rate - totalDiscount);
            $('#gtotal').val((rate - totalDiscount) + totalCgst + totalSgst + totalIgst);
        });
    });
</script>
@endsection