how to use different forms in one blade file and save different tables

hi, I am using laravel 5.6 and I am developing auto classifieds web application. in My app I have 3 different vehicle categories as car, van, truck and I have blade file to select this three different vehicle types. when I select this vehicles my urls show like this,

http://localhost:8000/post-ad/Truck/8 <- this is category id

http://localhost:8000/post-ad/van/7

http://localhost:8000/post-ad/Car/5

now when I clicked one of above vehicle category page redirect to show.blade.php file, so, now I need 3 different forms to submit data to each vehicles, this is my vehicles form, car form

  <form method="post" action="{{url('form')}}" enctype="multipart/form-data"> 
            {{csrf_field()}}

            <input type="hidden" id="cid" name="cid" value="{{ $catagories->id }}" />
        <div class="form-group">
        <label for="exampleFormControlSelect1">District</label>
        <select class="form-control" id="exampleFormControlSelect1" name="district">
       
        </select>
        </div>

        <div class="form-group">
        <label for="exampleFormControlSelect1">Town</label>
        <select class="form-control" id="exampleFormControlSelect1" name="town">
      
        </select>
        </div>
            
        <div class="form-group">
        <label for="exampleFormControlSelect1">Brand</label>
        <select class="form-control" id="exampleFormControlSelect1" name="brand">
       
        </select>
        </div>

        <div class="form-group">
        <label for="exampleFormControlSelect1">Model</label>
        <select class="form-control" id="exampleFormControlSelect1" name="model">
       
        </select>
        </div>
</form>

van form

<form method="post" action="{{url('form')}}" enctype="multipart/form-data"> 
            {{csrf_field()}}

            <input type="hidden" id="cid" name="cid" value="{{ $catagories->id }}" />
        <div class="form-group">
        <label for="exampleFormControlSelect1">District</label>
        <select class="form-control" id="exampleFormControlSelect1" name="district">
       
        </select>
        </div>

        <div class="form-group">
        <label for="exampleFormControlSelect1">Town</label>
        <select class="form-control" id="exampleFormControlSelect1" name="town">
      
        </select>
        </div>
            
        <div class="form-group">
        <label for="exampleFormControlSelect1">Brand</label>
        <select class="form-control" id="exampleFormControlSelect1" name="brand">
       
        </select>
        </div>

        <div class="form-group">
        <label for="exampleFormControlSelect1">Model</label>
        <select class="form-control" id="exampleFormControlSelect1" name="model">
       
        </select>
        </div>
</form>

Truck Form

<form method="post" action="{{url('form')}}" enctype="multipart/form-data"> 
            {{csrf_field()}}

            <input type="hidden" id="cid" name="cid" value="{{ $catagories->id }}" />
        <div class="form-group">
        <label for="exampleFormControlSelect1">District</label>
        <select class="form-control" id="exampleFormControlSelect1" name="district">
       
        </select>
        </div>

        <div class="form-group">
        <label for="exampleFormControlSelect1">Town</label>
        <select class="form-control" id="exampleFormControlSelect1" name="town">
      
        </select>
        </div>
            
        <div class="form-group">
        <label for="exampleFormControlSelect1">Brand</label>
        <select class="form-control" id="exampleFormControlSelect1" name="brand">
       
        </select>
        </div>

        <div class="form-group">
        <label for="exampleFormControlSelect1">Model</label>
        <select class="form-control" id="exampleFormControlSelect1" name="model">
       
        </select>
        </div>
</form>

I need show each form when some user click each vehicle links on one blade file. how can I do this?

Tray2

7 years ago

Level 73

Since you are using the same form data I would go with only one table and give it a foreign key vehicle_type_id and then use that instead of over complicating things.

Flex

7 years ago

Level 4

@Tray2 cant because this is some example I have different data in different forms

Tray2

7 years ago

Level 73

Then make several forms that you can hide and show with javascript depending on the type of vehicle selected.

<form id="car-form" method="POST" action="/car">
</form>

<form id="van-form" method="POST" action="/van">
</form>

<form id="truck-form" method="POST" action="/truck">
</form>

let type = document.querySelector('#vehicle-type).value;

switch(type) {
  case 'car':
    document.querySelector('#car-type').classList.remove('is-hidden');
    //Hide the other forms.
  break;
  case 'van':
    //Show van-form hide the rest.
 break;
}

Please or to participate in this conversation.