@extends('layouts.admin')

@section('title', 'Create Vendors')

@section('content')
    <div class="card">
        <form method="POST" action="{{ route('vendors.store') }}">
            @csrf
            <div class="card-body">

                <div class="row">

                    <div class="col-md-6">
                        <x-input-form id="name" name="name" label="Name" email :required="false"/>
                    </div>

                    <div class="col-md-6">
                        <x-input-form id="email" name="email" type="email" label="Email"/>
                    </div>

                    <div class="col-md-6">
                        <x-input-form id="phone" name="phone" type="text" label="Phone"/>
                    </div>

                    <div class="col-md-6">
                        <x-input-form id="password" name="password" type="text" label="Password"/>
                    </div>

                    <div class="col-md-6">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="merchant_type" id="inlineRadio1"
                                   value="store" checked>
                            <label class="form-check-label" for="inlineRadio1">STORE</label>
                        </div>

                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="merchant_type" id="inlineRadio2"
                                   value="kishan">
                            <label class="form-check-label" for="inlineRadio2">KISHAN</label>
                        </div>

                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="merchant_type" id="inlineRadio3"
                                   value="merchant">
                            <label class="form-check-label" for="inlineRadio3">MERCHANT</label>
                        </div>

                    </div>


                </div>


            </div>

            <x-btn-submit/>
        </form>
    </div>
@endsection