@extends('front-end.layout_signup')

@section('content')
    <div ng-controller="CompleteProfileController" class="h-100 container" ng-init="init()">
        <div class="row h-100">
            <div class="col-md-6">
            	<div class="right-cont h-100">
                    <div class="logo">
                        <a href="{{ url('/') }}" />
                            <img src="{{ url('assets/images/logo_red.png') }}" alt="">
                        </a>
                    </div>
                    <p>
                        Empowering Athletes and Coaches with Verified Sports Credentials

                    </p>   
                </div>
            </div>
            <div class="col-md-6 ng-cloak col-align-middle">
            	<div class="register-cont" >
                    <form name="SignUpForm" ng-submit="completeProfile(SignUpForm.$valid)" novalidate="novalidate" autocomplete="off" ng-if="!show_success">
                		<h1>Complete Profile</h1>

                        <div class="alert alert-danger" ng-if="error_message">
                            @{{ error_message }}
                        </div>
                		<div class="row">
                            <div class="form-group col-12">
                                <label>Email</label>
                                <input type="text" class="form-control" ng-model="formData.email" required />
                            </div>

                            <div class="form-group col-12">
                                <label>Address</label>
                                <input type="text" class="form-control" ng-model="formData.address" required />
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label>Pincode</label>
                                    <input type="text" class="form-control" ng-model="formData.pincode" required />
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label>City</label>
                                    <input type="text" class="form-control" ng-model="formData.city" required />
                                </div>
                            </div>

                            <div class="form-group col-12">
                                <label>State</label>
                    			<select ng-model="formData.state_id" class="form-control" required convert-to-number>
                                    <option value="">Select</option>
                                    <option value="@{{state.id}}" ng-repeat="state in states">@{{state.state_name}}</option>
                                </select>
                            </div>
                        </div>

                        <div>
                            <button class="btn theme-btn full" type="submit">Submit</button>
                        </div>

                    </form>
                    
                    <div ng-if="show_success" class="success-cont">
                        <img src="{{ url('assets/images/verify.png') }}" >
                        <h1>Successfully Registered!</h1>
                        <a class="btn theme-btn full" href="{{ url('register-player/step0') }}">Add Player</a>
                    </div>
            	</div>
            </div>
        </div>
    </div>

    <script>
        var reg_type = {{ Auth::user()->reg_type ? Auth::user()->reg_type : 0}};
    </script>
@endsection

@section('footer_scripts')

@endsection