@extends('layouts.master')

@section('title','Title form blade')
@section('main_item','main from blade')
@section('sub_item','sub from blade')

@section('content')
<div class="col-lg-12">
    <div class="card">
            <div class="card-body">
                    <h4 class="mt-0 header-title">@{{name}}</h4>
                    <p class="text-muted mb-3">Custom stylr example.</p>
                    <form class="">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="username">Name</label>
                                <input type="text" class="form-control" id="username" v-model:value="age" required="" style="" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="username">Name</label>
                                    <input type="text" class="form-control" id="username" required="" value="{{$age}}" v-model="newage" v-on:keyUp="calAge()" autocomplete="off">
                                    </div>
                                </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="useremail">Email address</label>
                                    <input type="email" class="form-control" id="useremail" required="" v-model:value="agesum" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="subject">Subject</label>
                                    <input type="text" class="form-control" id="subject" required="">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="message">Message</label>
                                    <textarea class="form-control" rows="5" id="message"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 text-right">
                                <button type="submit" class="btn btn-primary px-5 py-2">Send Message</button>
                            </div>
                        </div>
                    </form>
                </div>
        <!--end card-body-->
    </div>
    <!--end card-->
</div>

@endsection

@section('scripts')
<script src="{{asset('js/app.js')}}"></script>
@endsection