@extends('layouts.site')
@section('title', ' | Fleming Seedbank Seed Donation Form' )
@section('content')

<!-- END MAIN CONTENT -->
<div class="main_content background-blue">

<!-- START LOGIN SECTION -->
<div class="login_register_wrap section">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-xl-6 col-md-10">
                <div class="login_wrap">
                    <div class="padding_eight_all bg-white">
                        @if(isset($p))
                        <div class="alert alert-success text-center" role="alert">
                          <h4 class="alert-heading">Thank you for your interest!</h4>
                          <p>You have successfully completed Seed Donation Form for Fleming College Seedbank.</p>
                          <hr>
                          <p class="mb-0">For furthur queries please contact <a href="mailto:jason.kerr@flemingcollege.ca">jason.kerr@flemingcollege.ca</a></p>
                        </div>
                        @endif
                        <div class="heading_s1 text-center">
                            <h3>Seed Donation Form</h3>
                        </div>
                        <form method="post" action="{{ route('store.seed.donation') }}">
                            @csrf
                            @if(isset($seedID))
                                <input type="hidden" name="seed_id" id="seed_id" value="{{ $seedID }}">
                            @else
                                <div class="form-group row">
                                    <label for="first_name" class="col-sm-4 col-form-label">Seed</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" name="seed_id" id="seed_id" placeholder="Please enter seed name" >
                                    </div>
                                </div>
                            @endif
                            <input type="hidden" name="user_id" id="user_id" value="{{ auth()->user()->id }}">
                            <div class="form-group row">
                                <label for="first_name" class="col-sm-4 col-form-label">First Name</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="first_name" id="first_name" placeholder="Enter First Name" value="{{ auth()->user()->first_name }}" >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="last_name" class="col-sm-4 col-form-label">Last Name</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="last_name" id="last_name" placeholder="Enter Last Name" value="{{ auth()->user()->last_name }}" >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="email" class="col-sm-4 col-form-label">Email</label>
                                <div class="col-sm-8">
                                    <input type="email" class="form-control" name="email" id="email" placeholder="Enter Email" value="{{ auth()->user()->email }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="phone_number" class="col-sm-4 col-form-label">Phone Number</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="phone_number" id="phone_number" placeholder="Enter Phone No." value="{{ auth()->user()->mobile_number }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="house_number" class="col-sm-4 col-form-label">Enter Full Address</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="house_number" id="house_number" value="{{ auth()->user()->address_1 }}" >
                                </div>
                            </div>
                            <!--div class="form-group row">
                                <label for="street" class="col-sm-4 col-form-label">Address Line 2</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="street" id="street" placeholder="Enter your street" value="{{ auth()->user()->address_2 }}" >
                                </div>
                            </div-->
                            
                            <div class="form-group row">
                                <label for="city" class="col-sm-4 col-form-label">City</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="city" id="city" placeholder="Enter your city" value="{{ auth()->user()->city }}">
                                </div>
                            </div>
                            
                            <div class="form-group row">
                                <label for="province" class="col-sm-4 col-form-label">Province</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="province" id="province" placeholder="Enter Province" value="{{ auth()->user()->state }}">
                                </div>
                            </div>
                            
                            <div class="form-group row">
                                <label for="zip_code" class="col-sm-4 col-form-label">Postal Code</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="zip_code" id="zip_code" placeholder="Enter your Postal Code" value="{{ auth()->user()->pincode }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="date_of_donation" class="col-sm-4 col-form-label">Date of Donation</label>
                                <div class="col-sm-8">
                                    <input type="date" class="form-control" name="date_of_donation" id="date_of_donation">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="quantity" class="col-sm-4 col-form-label">Seed Category</label>
                                <div class="col-sm-8">
                                    <select name="seed_category" id="seed_category" class="form-control">
                                        <option value="Trees">Trees</option>
                                        <option value="Shrubs">Shrubs</option>
                                        <option value="Herbs">Herbs</option>
                                        <option value="Forbs">Forbs</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="quantity" class="col-sm-4 col-form-label">Quantity(g)</label>
                                <div class="col-sm-8">
                                    <input type="text" name="quantity" id="quantity" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="seed_source" class="col-sm-4 col-form-label">Seed Source</label>
                                <div class="col-sm-8">
                                    <select name="seed_source" id="seed_source" class="form-control">
                                        <option value="Wild">Wild</option>
                                        <option value="Cultivated">Cultivated</option>
                                    </select>
                                </div>
                            </div>
                            <!---- <div class="form-group row">
                                <label for="sun_exposure" class="col-sm-4 col-form-label">Sun Exposure</label>
                                <div class="col-sm-8">
                                    <select name="sun_exposure" id="sun_exposure" class="form-control">
                                        <option value="Full sun">Full Sun</option>
                                        <option value="Sun to Partial Shade">Sun to Partial Shade</option>
                                        <option value="Sun Part-Shade Shade">Sun Part-Shade Shade</option>
                                        <option value="Partial Sun">Partial Sun</option>
                                        <option value="Sun or Partial Shade">Sun or Partial Shade</option>
                                        <option value="Part Shade to Full Shade">Part Shade to Full Shade</option>
                                        <option value="Part Shade">Part Shade</option>
                                        <option value="Sun-Part Shade-Shade">Sun-Part Shade-Shade</option>
                                        <option value="Full Sun to Part Shade">Full Sun to Part Shade</option>
                                        <option value="Full Sun to Partial Shade">Full Sun to Partial Shade</option>
                                        <option value="Sun/Partial shade/Shade">Sun/Partial shade/Shade</option>
                                        <option value="Part Shade to Shade">Part Shade to Shade</option>
                                        <option value="Full Sun-Part Shade">Full Sun-Part Shade</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="bloom_time" class="col-sm-4 col-form-label">Bloom Time</label>
                                <div class="col-sm-8">
                                    <select name="bloom_time" id="bloom_time" class="form-control">
                                        <option value="June-August">June-August</option>
                                        <option value="August-October">August-October</option>
                                        <option value="April-June">April-June</option>
                                        <option value="Late Summer">Late Summer</option>
                                        <option value="May-September">May-September</option>
                                        <option value="July-September">July-September</option>
                                        <option value="July-August">July-August</option>
                                        <option value="May-July">May-July</option>
                                        <option value="August-September">August-September</option>
                                        <option value="April-July">April-July</option>
                                        <option value="May-June">May-June</option>
                                        <option value="Late Spring">Late Spring</option>
                                        <option value="June-September">June-September</option>
                                        <option value="July-October">July-October</option>
                                        <option value="Summer">Summer</option>
                                        <option value="Late Spring-Early Summer">Late Spring-Early Summer</option>
                                        <option value="June-July">June-July</option>
                                        <option value="June-October">June-October</option>
                                        <option value="Spring-Early Summer">Spring-Early Summer</option>
                                        <option value="March-April">March-April</option>
                                        <option value="Mid-to Late Summer">Mid-to Late Summer</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="soil_moisture" class="col-sm-4 col-form-label">Soil Moisture</label>
                                <div class="col-sm-8">
                                    <select name="soil_moisture" id="soil_moisture" class="form-control">
                                        <option value="Moist">Moist</option>
                                        <option value="Dry">Dry</option>
                                        <option value="Dry to Moist">Dry to Moist</option>
                                        <option value="Average">Average</option>
                                        <option value="Wet">Wet</option>
                                    </select>
                                </div>
                            </div>
                            </div-->
                            <div class="form-group row">
                                <label for="harvesting_location" class="col-sm-4 col-form-label">Harvest Location</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="harvesting_location" id="harvesting_location" >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="notes" class="col-sm-4 col-form-label">Notes</label>
                                <div class="col-sm-8">
                                    <textarea class="form-control" name="notes" id="notes"></textarea>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col col-4 mx-auto">
                                    <button type="submit" class="btn btn-fill-out btn-block" name="register">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END LOGIN SECTION -->

</div>
<!-- END MAIN CONTENT -->
@endsection