Btukfyl

I have a dynamic form and a dynamic input file button.

The problem is that it's not dependent when I add another form. The data is inserted into one row but what I like is each form is inserted to separated row.

For example, when I add two forms, the output in the database will all be in one row. I need the implode because of the images. The images need to be inserted in ONE ROW, not the titles and descriptions.

Controller

<?php



$this->validate($request, [

    'title' => 'required',

    'description' => 'required',

    'fleet_image' => 'required'

]);



if ($request->has('fleet_image')) {

    //Handle File Upload



    $fleet = ;

    foreach ($request->file('fleet_image') as $key => $file) {

        $filenameWithExt = $file->getClientOriginalName();

        $filename = pathinfo($filenameWithExt, PATHINFO_FILENAME);

        $extension = $file->getClientOriginalExtension();

        $fileNameToStore = $filename . '_' . time() . '.' . $extension;

        $path = $file->storeAs('public/fleet_images', $fileNameToStore);

        array_push($fleet, $fileNameToStore);

    }



    $fileNameToStore = serialize($fleet);

} else {

    $fileNameToStore = 'noimage.jpg';

}



if (count($fleet)) {

    foreach ($fleet as $key => $value) {

        $fleetContent = new Fleet;

        $fleetContent->title = $request->title[$key];

        $fleetContent->description = $request->description[$key];

        $implodedFleet = implode(' , ', $fleet);

        $fleetContent->fleet_image = $implodedFleet;

        $fleetContent->save();



        return redirect('/admin/airlineplus/fleets')->with('success', 'Content Created');

    }

}



return redirect('/admin/airlineplus/promotions')->with('error', 'Something went wrong.');

View

{!! Form::open(['action'=>'AdminFleetsController@store', 'method' => 'POST','enctype'=>'multipart/form-data']) !!}

<div class="table-responsive">

    <table class="table table-bordered" id="dynamic_field">

        <tr>

            <td>{{Form::text('title', '', ['class' => 'form-control', 'placeholder' => 'Enter a Title', 'id'=>"exampleFormControlFile1"])}}

                <br>

                {{Form::textarea('description', '', ['class' => 'form-control', 'placeholder' => 'Enter a Description'])}}

                <br>

                <form name="add_name" id="add_name">

                    {{ Form::file('fleet_image',['id'=>'exampleFormControlFile1']) }}

                </form>

                {{ Form::button('', ['class' => 'btn btn-success fa fa-plus-circle addFile', 'id'=>'addFile','name'=>'addFile', 'style'=>'font-size:15px;']) }}

            </td>

            <td>{{ Form::button('', ['class' => 'btn btn-success fa fa-plus-circle add', 'id'=>'add','name'=>'add', 'style'=>'font-size:15px;']) }}</td>

        </tr>

    </table>

    {{ Form::submit('submit', ['class'=>'btn btn-primary', 'name'=>'submit']) }}

</div>

{!! Form::close() !!}

JQuery/Ajax

<script>  

 $(document).ready(function() {

 $(document).on('click', '.add', function() {

 $('#dynamic_field').append('<tr><td>   {{Form::text('title', '', ['class' => 'form-control', 'placeholder' => 'Enter a Title', 'id'=>"exampleFormControlFile1"])}} <br> {{Form::textarea('description', '', ['class' => 'form-control', 'placeholder' => 'Enter a Description'])}} <br>  {{ Form::file('fleet_image',['id'=>'exampleFormControlFile1']) }} {{ Form::button('', ['class' => 'btn btn-success fa fa-plus-circle addFile', 'id'=>'addFile','name'=>'addFile', 'style'=>'font-size:15px;']) }}</td><td><button type="button" name="remove" class="btn btn-danger btn_remove  fa fa-minus-circle"></button></td></tr>');

 });



 $(document).on('click', '.addFile', function() {

 var elem = '<tr><td>{{ Form::file('fleet_image',['id'=>'exampleFormControlFile1']) }}<button type="button" name="remove" class="btn btn-danger btn_remove  fa fa-minus-circle"></button></td></tr>';

 $(elem).insertAfter($(this).closest('tr'));

 });



$(document).on('click', '.submit', function() {

 $.ajax({

      method: "POST",

      data: $('#add_name').serialize(),

      success: function(data) {

      alert(data);

      $('#add_name')[0].reset();

      }

 });

 });





 $(document).on('click', '.btn_remove', function() {

 $(this).closest('tr').remove();

 });

 });

 </script>