@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">Editing {{$servicelocation->title}}</h6>
<form method="post" action="{{ route('servicelocation_update', $servicelocation->id) }}" enctype="multipart/form-data">
    @csrf
     <!-- Use the PUT method for updates -->
    
    <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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->tertiarykeywordpara }}">
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="seo" class="form-label">SEO</label>
                <input class="form-control bg-dark" type="text" name="seo" id="seo" value="{{ $servicelocation->seo }}">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="ppc" class="form-label">PPC</label>
                <input class="form-control bg-dark" type="text" name="ppc" id="ppc" value="{{ $servicelocation->ppc }}">
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="smm" class="form-label">SMM</label>
                <input class="form-control bg-dark" type="text" name="smm" id="smm" value="{{ $servicelocation->smm }}">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="cm" class="form-label">CM</label>
                <input class="form-control bg-dark" type="text" name="cm" id="cm" value="{{ $servicelocation->cm }}">
            </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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->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" value="{{ $servicelocation->a3 }}">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="q3" class="form-label">Question-4</label>
                <input class="form-control bg-dark" type="text" name="q4" id="q4" value="{{ $servicelocation->q4 }}">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="a3" class="form-label">Answer-4</label>
                <input class="form-control bg-dark" type="text" name="a4" id="a4" value="{{ $servicelocation->a4 }}">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="mb-3">
                <label for="q3" class="form-label">Question-5</label>
                <input class="form-control bg-dark" type="text" name="q5" id="q5" value="{{ $servicelocation->q5 }}">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-3">
                <label for="a3" class="form-label">Answer-5</label>
                <input class="form-control bg-dark" type="text" name="a5" id="a5" value="{{ $servicelocation->a5 }}">
            </div>
        </div>
    </div>

    <div class="text-center">
        <button type="submit" class="btn btn-warning">Update Service Location</button>
    </div>
</form>

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