@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info">
    <div class="card-header header-elements-inline">
        <h5 class="card-title">{!! trans('dashboard.bill.add_bill') !!}</h5>
    </div>
    <div class="card-body">
        <form method="POST" id="generate_bill_form">
            {{ csrf_field() }}
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label>{{ trans('dashboard.company.companies') }} <span class="text-danger">*</span></label>
                        <select class="select2 form-control" name="company_id" placeholder="{{ trans('dashboard.company.company') }}">
                            @foreach ($companies as $company)
                                @if($company->nickname)
                                    <option value="{{ $company->id }}">{{ $company->nickname }}</option>
                                @else
                                    <option value="{{ $company->id }}">{{ $company->name }} - {{ $company->category->name }}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <label>{{ trans('dashboard.bill.budget') }}
                            <span class="text-danger">*</span>
                        </label>
                        {!! Form::text("budget", null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.bill.budget')]) !!}
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <label>{{ trans('dashboard.bill.categories_count') }}
                            <span class="text-danger">*</span>
                        </label>
                        {!! Form::text("categories_count", null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.bill.categories_count')]) !!}
                    </div>
                </div>
            </div>
            <div class="col-12 d-flex justify-content-end">
                <button type="submit" class="btn btn-success">{{ trans('dashboard.bill.generate') }}</button>
            </div>
        </form>
    </div>
</div>
<div class="bill_generated">

</div>

@endsection
@section('vendor_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/forms/select/select2.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/pickers/flatpickr/flatpickr.min.css">
@endsection
@section('page_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/css/{{ LaravelLocalization::getCurrentLocaleDirection() }}/core/menu/menu-types/horizontal-menu.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/css/{{ LaravelLocalization::getCurrentLocaleDirection() }}/plugins/forms/form-validation.css">
@endsection
@section('vendor_scripts')
    <script src="{{ asset('dashboardAssets') }}/vendors/js/ui/jquery.sticky.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/forms/select/select2.full.min.js"></script>
@endsection
@section('page_scripts')
    <script>
        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        });
        $(document).ready(function(){
            $("#generate_bill_form").submit(function(e) {
                e.preventDefault();
                $.ajax({
                    url: "{{ route('dashboard.bill.generate') }}",
                    type: 'post',
                    data: $(this).serialize(),
                    dataType:"json",
                    success: function (data) {
                        if (data['value'] == 1) {
                            $('.bill_generated').html(data['view']);
                        }else{
                            toastr['error'](data['message'], '', {
                                closeButton: true,
                                tapToDismiss: false,
                                positionClass: 'toast-bottom-right',
                                progressBar: true,
                                hideDuration: 90000,
                                rtl: window.isRtl
                            });
                        }
                    },
                });
            });
        });
    </script>
@endsection