@extends('layouts.app')
@section('title', 'Edit SEO Settings')

@section('content')
<section class="content-header">
    <h1>Edit SEO Settings <small>{{ $seo->page_key }}</small></h1>
</section>

<section class="content">
    {!! Form::open(['route' => ['frontpage-seo-settings.update', $seo->id], 'method' => 'put', 'files' => true]) !!}

    <div class="box box-solid">
        <div class="box-header with-border"><h3 class="box-title">Basic SEO</h3></div>
        <div class="box-body">
            <div class="form-group">
                <label>Meta Title</label>
                <input type="text" name="meta_title" value="{{ old('meta_title', $seo->meta_title) }}" class="form-control">
            </div>

            <div class="form-group">
                <label>Meta Description</label>
                <textarea name="meta_description" rows="4" class="form-control">{{ old('meta_description', $seo->meta_description) }}</textarea>
            </div>

            <div class="form-group">
                <label>Meta Keywords</label>
                <textarea name="meta_keywords" rows="3" class="form-control">{{ old('meta_keywords', $seo->meta_keywords) }}</textarea>
            </div>

            <div class="row">
                <div class="col-md-8">
                    <label>Canonical URL</label>
                    <input type="text" name="canonical_url" value="{{ old('canonical_url', $seo->canonical_url) }}" class="form-control">
                </div>

                <div class="col-md-4">
                    <label>Robots Meta</label>
                    <select name="robots_meta" class="form-control">
                        @foreach(['index,follow', 'noindex,follow', 'index,nofollow', 'noindex,nofollow'] as $robots)
                            <option value="{{ $robots }}" {{ old('robots_meta', $seo->robots_meta) == $robots ? 'selected' : '' }}>{{ $robots }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="box box-solid">
        <div class="box-header with-border"><h3 class="box-title">Open Graph / Social Sharing</h3></div>
        <div class="box-body">
            <div class="form-group">
                <label>OG Title</label>
                <input type="text" name="og_title" value="{{ old('og_title', $seo->og_title) }}" class="form-control">
            </div>

            <div class="form-group">
                <label>OG Description</label>
                <textarea name="og_description" rows="3" class="form-control">{{ old('og_description', $seo->og_description) }}</textarea>
            </div>

            <div class="form-group">
                <label>OG Image</label>
                <input type="file" name="og_image" class="form-control">
                @if($seo->og_image)
                    <br><img src="{{ asset($seo->og_image) }}" style="max-width:220px;border-radius:10px;">
                @endif
            </div>

            <div class="form-group">
                <label>Twitter Title</label>
                <input type="text" name="twitter_title" value="{{ old('twitter_title', $seo->twitter_title) }}" class="form-control">
            </div>

            <div class="form-group">
                <label>Twitter Description</label>
                <textarea name="twitter_description" rows="3" class="form-control">{{ old('twitter_description', $seo->twitter_description) }}</textarea>
            </div>

            <div class="form-group">
                <label>Twitter Image</label>
                <input type="file" name="twitter_image" class="form-control">
                @if($seo->twitter_image)
                    <br><img src="{{ asset($seo->twitter_image) }}" style="max-width:220px;border-radius:10px;">
                @endif
            </div>
        </div>
    </div>

    <div class="box box-solid">
        <div class="box-header with-border"><h3 class="box-title">Tracking Codes</h3></div>
        <div class="box-body">
            <div class="form-group">
                <label>Google Analytics Code</label>
                <textarea name="google_analytics" rows="5" class="form-control">{{ old('google_analytics', $seo->google_analytics) }}</textarea>
            </div>

            <div class="form-group">
                <label>Google Tag Manager Head Code</label>
                <textarea name="google_tag_manager_head" rows="5" class="form-control">{{ old('google_tag_manager_head', $seo->google_tag_manager_head) }}</textarea>
            </div>

            <div class="form-group">
                <label>Google Tag Manager Body Code</label>
                <textarea name="google_tag_manager_body" rows="5" class="form-control">{{ old('google_tag_manager_body', $seo->google_tag_manager_body) }}</textarea>
            </div>

            <div class="form-group">
                <label>Facebook Pixel Code</label>
                <textarea name="facebook_pixel" rows="5" class="form-control">{{ old('facebook_pixel', $seo->facebook_pixel) }}</textarea>
            </div>

            <div class="form-group">
                <label>Google Search Console Verification Code / Meta Tag</label>
                <textarea name="google_verification" rows="3" class="form-control">{{ old('google_verification', $seo->google_verification) }}</textarea>
            </div>
        </div>
    </div>

    <div class="box box-solid">
        <div class="box-body text-right">
            <a href="{{ route('frontpage-seo-settings.index') }}" class="btn btn-default">Back</a>
            <button type="submit" class="btn btn-primary btn-lg">Save SEO Settings</button>
        </div>
    </div>

    {!! Form::close() !!}
</section>
@endsection