demo

MODEL
public function setFilenamesAttribute($value){
    $this->attributes['filenames'] = json_encode($value);
}
CONTROLLER
public function store(Request $request){
    $all_data = new File();
    $all_data ->batch_name = $request->batch_name;
    $all_data ->filenames = $request->filenames;
    $all_data ->save();
    return back();
}
BLADE FILE

<div class="modal fade" id="CreateModal" tabindex="-1" aria-labelledby="CreateModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                        <div class="modal-header">
                            <h1 class="modal-title fs-5" id="CreateModalLabel">Create</h1>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <form method="post" action="{{url('file')}}" enctype="multipart/form-data">
                                        @csrf
                        <div class="modal-body">
                            <div class="row text-start">
                                <div class="col-12">
                                    <div class="pb-3">
                                    <label for="">Batch Name : </label>
                                    <input type="text" name="batch_name" class="form-control" required>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="hdtuto increment pb-3">
                                        <div class="row">
                                            <div class="col-5">
                                                <label for="">Student Name : </label>
                                                <input type="text" name="filenames[]" class="form-control" required>
                                            </div>
                                            <div class="col-5">
                                                <label for="">Student Number : </label>
                                                <input type="text" name="filenames2[]" class="form-control" required>
                                            </div>
                                            <div class="col-2 text-end">
                                                <br><button class="btn btn-success myAdd" type="button"><i class="bi bi-plus-circle fs-4"></i></button>
                                            </div>
                                        </div>  
                                    </div>
                                </div>
                                <div class="col-12 clone">
                                    <div class="hdtuto pb-3">
                                        <div class="row">
                                            <div class="col-5">
                                                <label for="">Student Name : </label>
                                                <input type="text" name="filenames[]" class="form-control" required>
                                            </div>
                                            <div class="col-5">
                                                <label for="">Student Number : </label>
                                                <input type="text" name="filenames2[]" class="form-control" required>
                                            </div>
                                            <div class="col-2 text-end">
                                                <br><button class="btn btn-danger myRemove" type="button"><i class="bi bi-dash-circle fs-4"></i></button>
                                            </div>
                                        </div>

</div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-success">Save</button>
                        </div>
                        </form> 
                        </div>
                    </div>
                </div>
          
                    <table class="table">
                        <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Batch Name</th>
                                <th scope="col">Student Name</th>
                                <th scope="col">Student Number</th>
                                <th scope="col" class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody class="table-group-divider">
                            @foreach($all_data as $data)
                            <tr>
                                <th scope="row">{{$loop->index+1}}</th>
                                <td>{{$data->batch_name}}</td>
                                <td>
                                    @php $sNames = json_decode($data->filenames); @endphp
                                    @foreach($sNames as $sName)
                                        {{$sName}} <hr>
                                    @endforeach
                                </td> 
                                <td>
                                    @php $sNumbers = json_decode($data->filenames2); @endphp
                                    @foreach($sNumbers as $sNumber)
                                        {{$sNumber}} <hr>
                                    @endforeach
                                </td> 
                                <td class="text-center">
                                    <a href="" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#Edit{{$data->id}}Modal">Edit</a>
                                    
                                    <div class="modal fade text-start" id="Edit{{$data->id}}Modal" tabindex="-1" aria-labelledby="Edit{{$data->id}}ModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                            <div class="modal-header">
                                                <h1 class="modal-title fs-5" id="Edit{{$data->id}}ModalLabel">Create</h1>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                            </div>
                                            <form method="post" action="{{url('file/update',$data->id)}}" enctype="multipart/form-data">
                                            @csrf
                                            @method('PUT')
                                            <div class="modal-body">
                                                <div class="row text-start">
                                                    <div class="col-12">
                                                        <div class="pb-3">
                                                        <label for="">Batch Name : </label>
                                                        <input type="text" name="batch_name" value="{{$data->batch_name}}" class="form-control">
                                                        </div>
                                                    </div>
                                                </div>  
                                                
                                                <div class="col-12">
                                                    <div class="pb-3">

<div class="row">
                                                            <div class="col-6">
                                                                @foreach($sNames as $sName2)
                                                                    <div class="row p-2">
                                                                        <label for="">Student Name : </label>
                                                                        <input type="text" name="filenames[]" value="{{$sName2}}" class="form-control">
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                            <div class="col-6">
                                                                @foreach($sNumbers as $sNumber2)
                                                                    <div class="row p-2">
                                                                        <label for="">Student Number : </label>
                                                                        <input type="text" name="filenames2[]" value="{{$sNumber2}}" class="form-control">
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                        </div>

</div>
                                                </div>
                                                                          
                                                <div class="col-12">
                                                    <div class="hdtuto increment pb-3">
                                                    <label for="">Student Name : </label>
                                                    <div class="d-flex">
                                                        <input type="text" class="form-control" disabled>
                                                        <button class="btn btn-success myAdd" type="button"><i class="bi bi-plus-circle"></i></button>
                                                    </div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-success">Update</button>
                                            </div>
                                            </form> 
                                            </div>
                                        </div>
                                    </div>
                                    <a href="" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#Delete{{$data->id}}Modal">Delete</a>
                                    
                                    <div class="modal fade text-start" id="Delete{{$data->id}}Modal" tabindex="-1" aria-labelledby="Delete{{$data->id}}ModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h1 class="modal-title fs-5" id="Delete{{$data->id}}ModalLabel">Delete</h1>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <h3>Are you sure ?</h3>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                    <a href="{{url('file/delete',$data->id)}}" class="btn btn-danger">Delete</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
          
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".myAdd").click(function(){ 
            var lsthmtl = $(".clone").html();
            $(".increment").after(lsthmtl);
        });
        $("body").on("click",".myRemove",function(){ 
            $(this).parents(".hdtuto").remove();
        });
    });
</script>