@extends('backend.layout')
@section('content')
<main class="content">
    <div class="container-fluid p-0">

        <div class="row mb-2 mb-xl-3">
            <div class="col-auto d-none d-sm-block">
                <h3><strong>Update</strong> Front End Input Field</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-xl-6">
                <div class="card">
                    
                    <div class="card-body">
                        <h4 class="card-title">Update Input Field</h4>
                        <hr>
                        <form action="{{route('update.input.field')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="input_field_id" value="{{is_null($input_field_data)?0:$input_field_data->id}}">
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center" for="inputField1">Input Field 1</label>
                                <div class="col-sm-9">
                                    <input name="input_field_1" type="text" class="form-control" id="inputField1" placeholder="Enter Input Field 1" value="{{ $input_field_data->input_field_1??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 2</label>
                                <div class="col-sm-9">
                                    <input name="input_field_2" type="text" class="form-control" id="inputField2" placeholder="Enter Input Field 2" value="{{ $input_field_data->input_field_2??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 3</label>
                                <div class="col-sm-9">
                                    <input name="input_field_3" type="text" class="form-control" id="inputField3" placeholder="Enter Input Field 3" value="{{ $input_field_data->input_field_3??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 4</label>
                                <div class="col-sm-9">
                                    <input name="input_field_4" type="text" class="form-control" id="inputField4" placeholder="Enter Input Field 4" value="{{ $input_field_data->input_field_4??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 5</label>
                                <div class="col-sm-9">
                                    <input name="input_field_5" type="text" class="form-control" id="inputField5" placeholder="Enter Input Field 5" value="{{ $input_field_data->input_field_5??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 6</label>
                                <div class="col-sm-9">
                                    <input name="input_field_6" type="text" class="form-control" id="inputField6" placeholder="Enter Input Field 6" value="{{ $input_field_data->input_field_6??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 7</label>
                                <div class="col-sm-9">
                                    <input name="input_field_7" type="text" class="form-control" id="inputField7" placeholder="Enter Input Field 7" value="{{ $input_field_data->input_field_7??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 8</label>
                                <div class="col-sm-9">
                                    <input name="input_field_8" type="text" class="form-control" id="inputField8" placeholder="Enter Input Field 8" value="{{ $input_field_data->input_field_8??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 9</label>
                                <div class="col-sm-9">
                                    <input name="input_field_9" type="text" class="form-control" id="inputField9" placeholder="Enter Input Field 9" value="{{ $input_field_data->input_field_9??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 10</label>
                                <div class="col-sm-9">
                                    <input name="input_field_10" type="text" class="form-control" id="inputField10" placeholder="Enter Input Field 10" value="{{ $input_field_data->input_field_10??''}}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-form-label col-sm-3 text-center">Input Field 11</label>
                                <div class="col-sm-9">
                                    <input name="input_field_11" type="text" class="form-control" id="inputField11" placeholder="Enter Input Field 11" value="{{ $input_field_data->input_field_11??''}}">
                                </div>
                            </div>
                            {{-- <div class="mb-3">
                                <label class="form-label" for="inputField1">Input Field 1</label>
                                <input name="input_field_1" type="text" class="form-control" id="inputField1" placeholder="Enter Input Field 1" value="{{ $input_field_data->input_field_1??''}}">
                            </div>--}}
                            <button type="submit" class="btn btn-primary float-end">Update</button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-6">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Front End Preview</h4>
                        <hr>
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th class="w-25">Input Field</th>
                                    <th class="w-75">Input Field Placeholder</th>
                                </tr>
                            </thead>
                            <tbody>
                                
                                <tr>
                                    <td class="w-25">Input Field 1</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_1??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 2</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_2??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 3</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_3??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 4</td>
                                    <td>
                                        {{ $input_field_data->input_field_4??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 5</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_5??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 6</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_6??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 7</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_7??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 8</td>
                                    <td>
                                        {{ $input_field_data->input_field_8??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 9</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_9??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 10</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_10??''}}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-25">Input Field 11</td>
                                    <td class="w-75">
                                        {{ $input_field_data->input_field_11??''}}
                                    </td>
                                </tr>
                                
                            </tbody>
                        </table>
                    </div>
                    
                </div>
            </div>
        </div>

    </div>
</main>
@endsection