@extends('tablar::page')

@section('content')
<!-- Page header -->
<div class="page-header d-print-none">
    <div class="container-xl">
        <div class="row g-2 align-items-center">
            <div class="col">
                <h2 class="page-title">Bidder Entry</h2>
            </div>
        </div>
    </div>
</div>

<!-- Page body -->
<div class="page-body">
    <div class="container-xl">
        <div class="row row-cards">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form id="bidder_form" method="post" action="/bidders" enctype="multipart/form-data">
                            {{ csrf_field() }}
                            
                            <div class="row mb-3">
                                <label for="biddernum" class="col-sm-3 col-form-label">Bidder Number:</label>
                                <div class="col-sm-4">
                                    <input type="text" name="biddernum" id="biddernum" required class="form-control" />
                                </div>
                            </div>
                            
                            <div class="row mb-3">
                                <label for="bidderfname" class="col-sm-3 col-form-label">First Name:</label>
                                <div class="col-sm-4">
                                    <input type="text" name="bidderfname" id="bidderfname" required class="form-control" />
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="bidderlname" class="col-sm-3 col-form-label">Last Name:</label>
                                <div class="col-sm-4">
                                    <input type="text" name="bidderlname" id="bidderlname" required class="form-control" />
                                </div>
                            </div>
                            
                            <div class="row mb-3">
                                <label for="bidderaddr" class="col-sm-3 col-form-label">Address:</label>
                                <div class="col-sm-4">
                                    <input type="text" name="bidderaddr" id="bidderaddr" required class="form-control" />
                                </div>
                            </div>
                            
                            <div class="row mb-3">
                                <label for="biddercity" class="col-sm-3 col-form-label">City:</label>
                                <div class="col-sm-4">
                                    <input type="text" name="biddercity" id="biddercity" required class="form-control" />
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="bidderstate" class="col-sm-3 col-form-label">State:</label>
                                <div class="col-sm-2">
                                    <input type="text" name="bidderstate" id="bidderstate" required class="form-control" />
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="bidderzip" class="col-sm-3 col-form-label">Zip:</label>
                                <div class="col-sm-2">
                                    <input type="text" name="bidderzip" id="bidderzip" required class="form-control" />
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="bidderphone" class="col-sm-3 col-form-label">Phone Number:</label>
                                <div class="col-sm-4">
                                    <input type="text" name="bidderphone" id="bidderphone" required class="form-control" />
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="bidderemail" class="col-sm-3 col-form-label">Email:</label>
                                <div class="col-sm-4">
                                    <input type="text" name="bidderemail" id="bidderemail" class="form-control" />
                                </div>
                            </div>

                            <div class="row mt-4">
                                <div class="col-sm-9 offset-sm-3">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('js')
@endpush
<script>console.log("TESTING SCRIPT RENDERING");</script>
