@extends('layouts.app')
@section('title')
    Create Expense
@endsection
@section('header-script')
@endsection
@section('content')

    <div class="card card-info">
        <div class="card-header">
            <h3 class="card-title">Add New Expense</h3>
        </div>
        <form class="form-horizontal" action="{{ route('admin.expense.store') }}" method="post">
            @csrf
            <div class="card-body">
                <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-4 col-form-label">Expense Purpose</label>
                    <div class="col-sm-8">
                        <select class="form-control" name="expenses_heads_id">
                            <option value="">Select Expense Purpose</option>
                            <option value="0">Flash</option>
                            @foreach($heads as $head)
                                <option value="{{ $head->id }}">{{ $head->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="inputPassword3" class="col-sm-4 col-form-label">Date</label>
                    <div class="col-sm-8">
                        <input type="text" value="{{ old('date') }}" class="form-control datepicker" id="date" placeholder="date" name="date">
                    </div>
                    @if ($errors->has('date'))
                    <span class="help-block ml-2 text-danger">
                        <strong>{{ $errors->first('date') }}</strong>
                     </span>
                @endif
                </div>

                <div class="form-group row">
                    <label for="inputPassword3" class="col-sm-4 col-form-label">Description</label>
                    <div class="col-sm-8">
                        <textarea name="description" id="description" value="{{ old('description') }}" placeholder="description" class="form-control"></textarea>
                    </div>
                    @if ($errors->has('description'))
                    <span class="help-block ml-2 text-danger">
                        <strong>{{ $errors->first('description') }}</strong>
                     </span>
                @endif
                </div>

                <div class="form-group row">
                    <label for="inputPassword3" class="col-sm-4 col-form-label">Note</label>
                    <div class="col-sm-8">
                        <textarea name="note" id="note" value="{{ old('note') }}" placeholder="note" class="form-control"></textarea>
                    </div>
                    @if ($errors->has('note'))
                    <span class="help-block ml-2 text-danger">
                        <strong>{{ $errors->first('note') }}</strong>
                     </span>
                @endif
                </div>

                <div class="form-group row">
                    <label for="inputPassword3" class="col-sm-4 col-form-label">Amount</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" value="{{ old('amount') }}" id="amount" placeholder="amount" name="amount">
                    </div>
                    @if ($errors->has('amount'))
                    <span class="help-block ml-2 text-danger">
                        <strong>{{ $errors->first('amount') }}</strong>
                     </span>
                @endif
                </div>


            </div>
            <!-- /.card-body -->
            <div class="card-footer">
                <button type="submit" class="btn btn-info float-right">Create</button>
            </div>
            <!-- /.card-footer -->
        </form>
    </div>

@endsection

@section('footer-script')
    <script>
        $(".datepicker").datepicker({
				dateFormat: 'dd-mm-yy'
			});
    </script>
@endsection