@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::model($bill,['route' => ['dashboard.bill.update',$bill->id] , 'method' => 'PUT' , 'files' => true ,'class' => 'steps-validation wizard-circle','data-locale' => app()->getLocale() ]) !!}
    <div class="card border-info">
        <div class="card-header header-elements-inline">
            <h5 class="card-title">{!! trans('dashboard.bill.bill') !!}</h5>
        </div>
       
        <hr>
        <div class="row" id="basic-table">
            <div class="col-12">
                <div class="card">
                    <div class="card-content">
                        <div class="table-responsive">
                       
                            <br>
                            {{ csrf_field() }}
                        
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-12">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label>{{ trans('dashboard.bill.release_date') }} <span class="text-danger">*</span></label>
                                        {!! Form::text("release_date", $bill->release_date , ['class' => 'form-control flatpickr-date-time', 'id' => 'fp-default', 'placeholder' => trans('dashboard.bill.release_date')]) !!}
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <label>{{ trans('dashboard.bill.serial_number') }} <span class="text-danger">*</span></label>
                                        {!! Form::text("serial_number", $bill->serial_number , ['class' => 'form-control', 'placeholder' => trans('dashboard.bill.serial_number')]) !!}
                                    </div>
                                </div>
                        
                            </div>
                        </div>
                        <div class="col-12 d-flex justify-content-center">
                            <button type="submit" class="btn btn-primary">{{ trans('dashboard.bill.confirm') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{!! Form::close() !!}

    </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>
    <link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/css/{{ LaravelLocalization::getCurrentLocaleDirection() }}/plugins/forms/pickers/form-flat-pickr.css">
<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/css/{{ LaravelLocalization::getCurrentLocaleDirection() }}/plugins/forms/pickers/form-pickadate.css">
<script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/pickadate/picker.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="{{ asset('dashboardAssets') }}/js/scripts/forms/pickers/form-pickers.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