@extends('admin.layouts.master')

@section('content')
    <div class="page-wrapper page-settings">
        <div class="content">
            <div class="content-page-header content-page-headersplit">
                <h5>Meta Tag</h5>
                <div style="text-align: end;margin-right:3%">
                    <a class="btn btn-primary" href="{{ route('admin.metatagspages') }}">Back</a>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="profile-content">
                        <div class="row dashboard-info">
                            <div class="col-lg-12">
                                <div class="profile-content">
                                    <div class="messages-form">
                                        <form method="POST" action="{{ route('admin.savemetatags') }}" enctype="multipart/form-data">
                                            @csrf
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4>Meta Tag information</h4>
                                                </div>
                                                <div class="card-body">
                                                    
                                                    <div class="row">
                                                        <div class="col-lg-12 col-md-12">
                                                            <div class="form-set">
                                                                <label class="col-form-label">Page <span class="mandatory">*</span></label>
                                                                <select class="form-control select" id="page" name="page">                                                                    
                                                                    <option value="">Select page</option>
                                                                    @foreach ($pages as $page)
                                                                        <option value="{{ $page->id }}" @if(old('page') == $page->id) selected @endif>{{ $page->page }}</option>
                                                                    @endforeach                                                                    
                                                                </select>
                                                                @error('page')
                                                                    <p class='text-danger ms-1'>{{ $message }}</p>
                                                                @enderror
                                                            </div>

                                                            <p>NOTE: You can use dynamic variables such as <code>{app.name}</code>, <code>{country.name}</code>, <code>{category.name}</code>, <code>{category.title}</code>, <code>{category.description}</code>, <code>{category.keywords}</code>, <code>{location.name}</code>, <code>{profile.name}</code>, <code>{tag}</code>, <code>{ad.title}</code>, <code>{ad.description}</code>, <code>{ad.tags}</code>, <code>{page.title}</code>, <code>{page.description}</code> and <code>{page.keywords}</code>.</p>
                                                        </div>                                                        
                                                    </div>

                                                    <div class="row">
                                                    
                                                        <div class="form-set col-lg-12 col-md-12">
                                                            <label class="col-form-label">Title</label>
                                                            <input class="form-control pass-input" id="title" name="title" type="text" value="{{ old('title') }}"
                                                                placeholder="Title">
                                                            @error('title')
                                                                <p class='text-danger ms-1'>{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                        
                                                        <div class="form-set col-lg-6 col-md-6">
                                                            <label class="col-form-label">Description</label>
                                                            <textarea class="form-control" maxlength="250" name="description" rows="3" placeholder="Description">{{old('description')}}</textarea>
                                                            @error('description')
                                                                <p class='text-danger ms-1'>{{ $message }}</p>
                                                            @enderror
                                                        </div>

                                                        <div class="form-set col-lg-6 col-md-6">
                                                            <label class="col-form-label">Keywords</label>
                                                            <textarea class="form-control" maxlength="250" name="keywords" rows="3" placeholder="Keywords">{{old('keywords')}}</textarea>
                                                            @error('keywords')
                                                                <p class='text-danger ms-1'>{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                       
                                                    </div>
                                                    <div class="row" style="margin-left: 25px">
                                                        Active
                                                        <div class="col">                                                                                                                   
                                                            <div class="active-switch">
                                                                <label class="switch">
                                                                    <input type="checkbox" name="status" checked>
                                                                    <span class="sliders round"></span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <button class="btn btn-primary" type="submit">Submit</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection