@extends('layouts.app')

@section('title', 'Cheque Printing')

@section('content')
<section class="content-header">
    <h1>Cheque Printing</h1>
</section>

<section class="content">
    {!! Form::open(['url' => route('accounting-reports.cheque-printing.print'), 'method' => 'post', 'id' => 'cheque_printing_form', 'target' => '_blank']) !!}
    <div class="box box-solid">
        <div class="box-header with-border">
            <h3 class="box-title">Provide Cheque Details</h3>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('account_id', 'Bank Account:*') !!}
                        {!! Form::select('account_id', $accounts ?? ['' => __('messages.please_select')], null, ['class' => 'form-control select2', 'required', 'placeholder' => __('messages.please_select'), 'style' => 'width:100%', 'id' => 'account_id']) !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('date', 'Date:*') !!}
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            {!! Form::text('date', @format_date('now'), ['class' => 'form-control date-picker', 'required', 'readonly', 'id' => 'date']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('payee_name', 'Payee Name:*') !!}
                        {!! Form::text('payee_name', null, ['class' => 'form-control', 'required', 'placeholder' => 'Payee Name', 'id' => 'payee_name']) !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('amount', 'Amount:*') !!}
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-money"></i>
                            </span>
                            {!! Form::text('amount', null, ['class' => 'form-control input_number', 'required', 'id' => 'amount']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('crossing', 'A/C Crossing:') !!}
                        {!! Form::select('crossing', ['' => 'None', 'ac_payee' => 'Cross A/C Payee'], 'ac_payee', ['class' => 'form-control select2', 'style' => 'width:100%', 'id' => 'crossing']) !!}
                    </div>
                </div>
                <!-- Checkbox to cross 'Or Bearer' -->
                <div class="col-sm-6">
                    <div class="form-group" style="padding-top: 25px;">
                        <div class="checkbox">
                            <label>
                                {!! Form::checkbox('cross_or_bearer', 1, true, ['class' => 'input-icheck']) !!} Cross "Or Bearer" text
                            </label>
                        </div>
                    </div>
                </div>
                
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('wording', 'Amount in Words Format:') !!}
                        {!! Form::select('wording', ['international' => 'International (Millions, Billions)', 'indian' => 'Indian (Lakhs, Crores)'], 'international', ['class' => 'form-control select2', 'style' => 'width:100%', 'id' => 'wording']) !!}
                    </div>
                </div>
            </div>
        </div>
        <div class="box-footer">
            <button type="submit" class="btn btn-primary" id="print_btn">
                <i class="fa fa-print"></i> Print Cheque
            </button>
        </div>
    </div>
    {!! Form::close() !!}
</section>

@endsection

@section('javascript')
<script type="text/javascript">
    $(document).ready(function() {
        $('.select2').select2({width: '100%'});
        
        if (typeof datepicker_params !== 'undefined') {
            $('.date-picker').datepicker(datepicker_params);
        } else if (typeof datepicker_date_format !== 'undefined') {
            $('.date-picker').datepicker({
                autoclose: true,
                format: datepicker_date_format
            });
        } else {
            $('.date-picker').datepicker({
                autoclose: true,
                format: 'dd/mm/yyyy'
            });
        }
    });
</script>
@endsection