<form class="row g-3  auto-width" method="post" id="modal_form_data" action="{{ route('sample-collection-tubes.store') }}">
    @csrf
    @method('post')
    <div class="col-md-12">
        <label for="tube_name" class="form-label">Tube Name<span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control tube_name" id="tube_name" name="tube_name" aria-describedby="inputGroupPrepend" placeholder="Tube Name">
        <span class="text-danger error_sample_collection_tube_tube_name" style="display:none;">This field is required.</span>
    </div>
    <div class="col-md-6">
        <label for="code" class="form-label">Tube Code<span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control code" id="code" name="code" aria-describedby="inputGroupPrepend" placeholder="Tube Code">
        <span class="text-danger error_code" style="display:none;">This field is required.</span>
    </div>

    <div class="col-md-6">
        <label for="anticoagulant" class="form-label">Anticoagulant</label>
        <input type="text" class="form-control anticoagulant" id="anticoagulant" name="anticoagulant" aria-describedby="inputGroupPrepend" placeholder="Anticoagulant">
    </div>

    <div class="col-md-6">
        <label for="color_name" class="form-label">Color Name<span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control color_name" id="color_name" name="color_name" aria-describedby="inputGroupPrepend"placeholder="Color Name">
        <span class="text-danger error_sample_collection_tube_color_name" style="display:none;">This field is required.</span>
    </div>

    <div class="col-md-6">
        <label for="color_code" class="form-label">Color Code</label>
        <input type="color" class="form-control color_code" id="color_code" name="color_code" aria-describedby="inputGroupPrepend"placeholder="Color Code">
    </div>

    <div class="col-md-6">
        <label for="text_name" class="form-label">Test Name</label>
        <input type="text" class="form-control text_name" id="text_name" name="text_name" aria-describedby="inputGroupPrepend"placeholder="Test Name">
    </div>

    <div class="col-md-6">
        <label for="inversion_to_mix" class="form-label">Inversion To Mix</label>
        <input type="text" class="form-control inversion_to_mix" id="inversion_to_mix" name="inversion_to_mix" aria-describedby="inputGroupPrepend" placeholder="Inversion To Mix">
    </div>

    <div class="col-12">
        <label for="details" class="form-label">Detail</label>
        <textarea name="details" id="details" class="form-control" cols="30" rows="2"></textarea>
    </div>
</form>
