@extends('vendor.layout.main')
@section('content')
<div class="row">
    <div class="col-lg-12" style="padding-left: 4px;padding-right: 4px;">
        <div class="card m-b-30" style="border-radius: 5px;">
            <div class="card-header">
                <h5 class="card-title" style="font-weight: bold; padding-top: 15px; font-size: 20px;">Agent Register</h5>
            </div>

            <div class="card-body" style="padding-bottom: 50px;">
                <form action="{{url('vendor/agentregi')}}" method="post">@csrf

                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                
                    <div class="row">
                        <div class="col-md-6">
                            <input style="margin-top: 10px;height: 38px;" class="form-control" type="text" name="name" placeholder="Name" required>
                        </div>

                        <div class="col-md-6">
                            <input style="margin-top: 10px;height: 38px;" class="form-control" type="text" name="username" id="username" placeholder="Username" required>
                            <span style="font-size: 12px;" id="nagchks"></span>
                        </div>

                        <div class="col-md-6">
                            <input style="margin-top: 10px;height: 38px;" class="form-control" type="number" name="mobile" id="mobile" placeholder="Mobile" required>
                        </div>

                        <div class="col-md-6">
                            <input style="margin-top: 10px;height: 38px;" class="form-control" type="email" name="email" id="email" placeholder="Email">
                        </div>

                        <div class="col-md-6">
                            <input style="margin-top: 10px;height: 38px;" class="form-control" type="password" name="password" id="password" placeholder="Password" required>
                        </div>

                        <div class="col-md-6">
                            <input style="margin-top: 10px;height: 38px;" class="form-control" type="password" name="confirm_pass" id="confirm_pass" placeholder="Confirm Password">
                            <span style="font-size: 12px;" id="message"></span>
                        </div>

                        <div class="col-md-6">
                            <input style="margin-top: 10px;height: 38px;" class="form-control" type="text" name="shop_name" placeholder="Shop Name" required>
                        </div>

                        <div class="col-md-6">
                            <input style="margin-top: 10px;height: 38px;" class="form-control" type="number" name="percent" id="percent" min="3" placeholder="Min Percent" required>
                        </div>


                        <div class="col-md-6">
                            <textarea style="width: 100%;padding-left: 10px;margin-top: 10px;" class="form-control" rows="3" name="address" placeholder="Shop Address..." required></textarea>
                        </div> 

                        <div class="col-md-6">
                            <button style="height: 38px;background: #ec1666;color: #fff;margin-top: 10px;" type="submit" class="btn">Confirm Now</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>      
</div>



@endsection