@extends('layouts.website.website')
@section('content')
<section id="main-content">
    <section class="wrapper site-min-height">
        <!-- page start-->
        <section class="col-md-7 row">
            <header class="panel-heading">
                Add New Donor
            </header>
            <div class="panel-body">
                <div class="adv-table editable-table row">
                    <div class="clearfix">
                        <form role="form" action="{{ route('store_donor') }}" class="clearfix" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group col-md-5">
                                <label for="exampleInputEmail1">Name</label>
                                <input type="text" class="form-control" name="name" id="exampleInputEmail1" value="" placeholder="" />
                            </div>
                            <div class="form-group col-md-4">
                                <label for="exampleInputEmail1">Blood Group</label>
                                <select class="form-control m-bot15" name="group" value="">
                                    <option value="A+"> A+ </option>
                                    <option value="A-"> A- </option>
                                    <option value="B+"> B+ </option>
                                    <option value="B-"> B- </option>
                                    <option value="AB+"> AB+ </option>
                                    <option value="AB-"> AB- </option>
                                    <option value="O+"> O+ </option>
                                    <option value="O-"> O- </option>
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label for="exampleInputEmail1">Age</label>
                                <input type="text" class="form-control" name="age" id="exampleInputEmail1" value="" placeholder="" />
                            </div>
                            <div class="form-group col-md-5">
                                <label for="exampleInputEmail1">Last Donation Date</label>
                                <input class="form-control form-control-inline input-medium" type="date" name="ldd" value="" placeholder="" />
                            </div>
                            <div class="form-group col-md-4">
                                <label for="exampleInputEmail1">Phone</label>
                                <input type="text" class="form-control" name="phone" id="exampleInputEmail1" value="" placeholder="" />
                            </div>
                            <div class="form-group col-md-3">
                                <label for="exampleInputEmail1">Sex</label>
                                <select class="form-control m-bot15" name="sex" value="">
                                    <option value="Male"> Male </option>
                                    <option value="Female"> Female </option>
                                    <option value="Others"> Others </option>
                                </select>
                            </div>
    
                            <div class="form-group col-md-6">
                                <label for="exampleInputEmail1">Email</label>
                                <input type="text" class="form-control" name="email" id="exampleInputEmail1" value="" placeholder="" />
                            </div>
    
                            <div class="form-group col-md-12">
                                <button type="submit" name="submit" class="btn btn-info pull-right">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
        <!-- page end-->
    </section>
    
</section>
@endsection