@extends('layouts.site')
@section('title', ' | Fleming Seedbank Seed Request 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) && $p == 1)
                        <div class="alert alert-success text-center" role="alert">
                          <h4 class="alert-heading">Well done!</h4>
                          <p> You have successfully completed Seed Request From  from Fleming College SeedBank.</p>
                          <hr>
                          <p class="mb-0">If you need further support please contact <a href="mailto:jason.kerr@flemingcollege.ca">jason.kerr@flemingcollege.ca </a></p>
                        </div>
                        @endif
                        @if(isset($p) && $p == 2)
                        <div class="alert alert-danger text-center" role="alert">
                          <p>The quantity you are requesting is not available please make sure you entered valid available quantity.</p>
                        </div>
                        @endif
                        <div class="heading_s1 text-center">
                            <h3>Seed Request Form</h3>
                        </div>
                        <form method="post" action="{{ route('store.seed.request') }}">
                            @csrf
                            @if(isset($seedID))
                                <input type="hidden" name="seed_id" id="seed_id" value="{{ $seedID }}">
                            @endif
                            <input type="hidden" name="user_id" id="user_id" @if(auth()->check()) value="{{ auth()->user()->id }}" @endif>
                            <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="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="type" class="col-sm-4 col-form-label">Select Type</label>
                                <div class="col-sm-8">
                                    <select name="type" id="type" class="form-control">
                                        <option>Select Seed Catalogue</option>
                                        <option>Trees</option>
                                        <option>Shrubs</option>
                                        <option>Herbs</option>
                                        <option>Forbs</option>
                                        
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="seed_name" class="col-sm-4 col-form-label">Seed Name</label>
                                <div class="col-sm-8">
                                    <select class="form-control" name="seed_name" id="seed_name"></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="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

@section('scripts')
<script type="text/javascript">
    $("#type").on('change', function() {
        $('#seed_name').empty();
        var $this = $(this);
        $.ajax({
            url: "{{ route('get.seeds') }}",
            method: 'post',
            data: {'seed_family': $this.val(), '_token': "{{ csrf_token() }}"},
            success: function(res){
                $.each(res, function(index, item) { 
                     $('#seed_name').append($("<option></option>").attr("value", item.common_name).text(item.common_name+"("+item.weight+" g)")); 
                });
                var seedName = getURLParameters('seed_name');
                $("#seed_name").val(seedName).trigger('change');
            },
            error: function(res) {
                console.log
            }
        })
    });
function getURLParameters(paramName) {
    var sURL = window.document.URL.toString();
    if (sURL.indexOf("?") > 0)
    {
        var arrParams = sURL.split("?");
        var arrURLParams = arrParams[1].split("&");
        var arrParamNames = new Array(arrURLParams.length);
        var arrParamValues = new Array(arrURLParams.length);

        var i = 0;
        for (i = 0; i<arrURLParams.length; i++)
        {
            var sParam =  arrURLParams[i].split("=");
            arrParamNames[i] = sParam[0];
            if (sParam[1] != "")
                arrParamValues[i] = unescape(sParam[1]);
            else
                arrParamValues[i] = "No Value";
        }

        for (i=0; i<arrURLParams.length; i++)
        {
            if (arrParamNames[i] == paramName)
            {
                //alert("Parameter:" + arrParamValues[i]);
                return arrParamValues[i];
            }
        }
        return "";
    }
}
var family = getURLParameters('seed_family');
var seedName = getURLParameters('seed_name');
console.log(seedName);
if(family) {
    $("#type").val(family).trigger('change');
}
$("#seed_name").val(seedName).trigger('change');
</script>
@stop