@extends('admin_layout.main')
@section('main-section')
<div class="content">
    <div class="container-fluid pt-4 px-4">
                <div class="bg-secondary rounded h-100 p-4" >
                    <h6 class="mb-4">Add Website Sub-Location</h6>
                    <form method="post" action="{{ route('webdesign') }}" enctype="multipart/form-data">
    @csrf
    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="url" class="form-label">Slug</label>
                <input class="form-control bg-dark" type="text" name="url" id="url">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="title" class="form-label">Title</label>
                <input class="form-control bg-dark" type="text" name="title" id="title">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="keyword" class="form-label">Location</label>
                <input class="form-control bg-dark" type="text" name="keyword" id="keyword">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="description" class="form-label">Description</label>
                <input class="form-control bg-dark" type="text" name="description" id="description">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="canonical" class="form-label">Canonical</label>
                <input class="form-control bg-dark" type="text" name="canonical" id="canonical">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="ogtitle" class="form-label">OG Title</label>
                <input class="form-control bg-dark" type="text" name="ogtitle" id="ogtitle">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="ogdescription" class="form-label">OG Description</label>
                <input class="form-control bg-dark" type="text" name="ogdescription" id="ogdescription">
            </div>
        </div>
    </div>
    
    
    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="primarykeyword" class="form-label">Primary Keyword</label>
                <input class="form-control bg-dark" type="text" name="primarykeyword" id="primarykeyword">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="tagline" class="form-label">Tagline</label>
                <input class="form-control bg-dark" type="text" name="tagline" id="tagline">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="secondarykeyword" class="form-label">Secondary Keyword</label>
                <input class="form-control bg-dark" type="text" name="secondarykeyword" id="secondarykeyword">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="secondarykeywordpara" class="form-label">Secondary Keyword Para</label>
                <input class="form-control bg-dark" type="text" name="secondarykeywordpara" id="secondarykeywordpara">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="tertiarykeyword" class="form-label">Tertiary Keyword</label>
                <input class="form-control bg-dark" type="text" name="tertiarykeyword" id="tertiarykeyword">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="tertiarykeywordpara" class="form-label">Tertiary Keyword Para</label>
                <input class="form-control bg-dark" type="text" name="tertiarykeywordpara" id="tertiarykeywordpara">
            </div>
        </div>
    </div>

    <h2 style="text-align:center;">FAQ</h2>
    <!--<div class="row">-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="q1" class="form-label">Question-1</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="q1" id="q1">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="a1" class="form-label">Answer-1</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="a1" id="a1">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!--<div class="row">-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="q2" class="form-label">Question-2</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="q2" id="q2">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="a2" class="form-label">Answer-2</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="a2" id="a2">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!--<div class="row">-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="q3" class="form-label">Question-3</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="q3" id="q3">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="a3" class="form-label">Answer-3</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="a3" id="a3">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!--<div class="row">-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="q4" class="form-label">Question-4</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="q4" id="q4">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="a4" class="form-label">Answer-4</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="a4" id="a4">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!--<div class="row">-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="q5" class="form-label">Question-5</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="q5" id="q5">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="col-md-6">-->
    <!--        <div class="mb-3">-->
    <!--            <label for="a5" class="form-label">Answer-5</label>-->
    <!--            <input class="form-control bg-dark" type="text" name="a5" id="a5">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->

    <button type="submit" class="btn btn-primary">Submit</button>
</form>

                </div>
    </div>
</div>
@endsection