@extends("layouts.members")
@section('page_title')
    EXPENSES
@endsection
@section('page_category')
    New Expense
@endsection
<!-- HEADER -->
@section('page_action')
    <!-- Button -->
    <a href="{{ route('member_new_expense') }}" class="btn btn-primary lift">
        All Expenses
    </a>
@endsection



@section('content')
    <div class="container-fluid ">
        <div class="col-md-6 col-md-offset-2">
            <div class="card card-primary">
                <div class="panel panel-black">
                    <div class="panel-heading">
                        <a href="{{route('member_all_expenses')}}" class="btn btn-raised btn-primary">All Expenses</a>
                        <hr/>
                        <h3 class="text-center">New Expenses</h3>
                    </div>
                    <div class="panel-body">
                        @include('includes.flash')

                        <form class="form-horizontal" enctype="multipart/form-data" method="post" action="{{ route('member_save_expense') }}">
                            {!! csrf_field() !!}

                            <div class="form-group required">
                                <label class="col-sm-2 control-label" for="item">Item</label>
                                <div class="col-sm-10">
                                    <input name="item" id="item" value="{{old('item')}}" onchange="" class="form-control"/>
                            </div>

                            <div class="form-group required">
                                <label class="col-sm-2 control-label" for="cost">Cost</label>
                                <div class="col-sm-10">
                                    <input type="number" name="cost" value="{{old('cost')}}" class="form-control"/>
                                </div>
                            </div>

                            <div class="form-group required">
                                <label class="col-sm-2 control-label" for="expense_date">Expense Date</label>
                                <div class="col-sm-10">
                                    <input type="date" name="expense_date" value="{{old('expense_date')}}" class="form-control"/>
                                </div>
                            </div>


                            <div class="form-group required">
                                <label class="col-sm-2 control-label" for="receipt">Reciept</label>
                                <div class="col-sm-10">
                                    <input type="file" class="form-control" name="receipt" id="receipt">
                                </div>
                            </div>

                            <div class="form-group required">
                                <label class="col-sm-2 control-label" for="quantity">Description</label>
                                <div class="col-sm-10">
                                    <textarea name="description" class="form-control" id="description" cols="30" rows="10"></textarea>                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-2"></div>
                                <div class="col-md-10 ">
                                    <button type="submit" class="btn btn-success clear-fix">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="panel-footer">
                    </div>
                </div>
            </div>
        </div>


    </div>
@endsection





