@extends('Layout.app')
@section('content')
     <div class="container">
        <div class="page-inner">
          <div class="page-header">
            <h3 class="fw-bold mb-3">Forms</h3>
            <ul class="breadcrumbs mb-3">
              <li class="nav-home">
                <a href="../index.php">
                  <i class="icon-home"></i>
                </a>
              </li>
              <li class="separator">
                <i class="icon-arrow-right"></i>
              </li>
              <li class="nav-item">
                <a href="../tables/datatables.php">Datatables</a>
              </li>
              <li class="separator">
                <i class="icon-arrow-right"></i>
              </li>
              <li class="nav-item">
                <a href="../tables/tables.php">Tables</a>
              </li>
            </ul>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="card">
                <div class="card-header">
                  <div class="card-title">Add Vender</div>
                </div>
                <form action="{{ route("vender.add")}}" method="POST">
                  @csrf
                  <div class="card-body">
                    <div class="row">
                      <!-- Left Side -->
                      <div class="col-md-6 col-lg-6">
                       
                        <div class="form-group">
                          <label style="font-size: 18px; font-weight: bold;">Vender Name<span style="color: red;">*</span></label>
                          <input type="text"  name="name"  class="form-control required-field"/>
                        </div>
                        <div class="form-group">
                          <label style="font-size: 18px; font-weight: bold;">Email<span style="color: red;">*</span></label>
                          <input type="email"  name="email"  class="form-control required-field"/>
                        </div>

                        <div class="form-group">
                          <label style="font-size: 18px; font-weight: bold;">Phone<span style="color: red;">*</span></label>
                          <input type="number" name="phone" class="form-control required-field" />
                        </div>

                        <div class="form-group">
                          <label style="font-size: 18px; font-weight: bold;">Address<span style="color: red;">*</span></label>
                          <input type="text" name="address" class="form-control required-field" />
                        </div>
                      </div>

                      <!-- Right Side -->
                      <div class="col-md-6 col-lg-6">
                        <div class="form-group">
                          <label style="font-size: 18px; font-weight: bold;">Note<span style="color: red;">*</span></label>
                          <textarea id="note" name="note" class="form-control required-field"
                            rows="4" placeholder="Enter Note details here..."
                            style="white-space: pre-wrap;"></textarea>
                        </div>

                     


                        <!-- Action Buttons -->
                        <div class="card-action">
                          <button type="submit" class="btn btn-success">Save</button>
                          <a href="{{ route('vender.list') }}" class="btn btn-secondary">Back</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </form>
@endsection