@extends('admin.layout', ['title' => 'Site settings'])

@section('content')
    <div class="admin-top"><div><p class="admin-kicker">WEBSITE</p><h1>Site settings.</h1></div></div>
    <form class="panel form-grid" method="post" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
        @csrf
        @method('put')
        <label class="field">Site title
            <input type="text" name="site_title" value="{{ old('site_title', $site['site_title']) }}" required>
        </label>
        <label class="field">Tagline
            <input type="text" name="tagline" value="{{ old('tagline', $site['tagline']) }}" required>
        </label>
        <label class="field">Short description
            <textarea name="meta_description" required>{{ old('meta_description', $site['meta_description']) }}</textarea>
        </label>
        <label class="field">Footer line
            <input type="text" name="footer_text" value="{{ old('footer_text', $site['footer_text']) }}" required>
        </label>
        <div class="field">
            <span>Logo</span>
            <div class="logo-preview"><img src="{{ asset($site['logo']) }}" alt="Current logo"></div>
            <input type="file" name="logo" accept="image/png,image/jpeg,image/webp">
        </div>
        <h2>Page headings</h2>
        <p class="table-meta">The large line at the top of each page. A period is added at the end.</p>
        <label class="field">About
            <input type="text" name="about_heading" value="{{ old('about_heading', $site['about_heading']) }}" required>
        </label>
        <label class="field">Media
            <input type="text" name="media_heading" value="{{ old('media_heading', $site['media_heading']) }}" required>
        </label>
        <label class="field">Industries
            <input type="text" name="industries_heading" value="{{ old('industries_heading', $site['industries_heading']) }}" required>
        </label>
        <label class="field">News
            <input type="text" name="news_heading" value="{{ old('news_heading', $site['news_heading']) }}" required>
        </label>
        <h2>Change password</h2>
        <p class="table-meta">Leave these blank to keep the current password.</p>
        <label class="field">Current password
            <input type="password" name="current_password" autocomplete="current-password">
        </label>
        <div class="split">
            <label class="field">New password
                <input type="password" name="password" autocomplete="new-password">
            </label>
            <label class="field">Confirm new password
                <input type="password" name="password_confirmation" autocomplete="new-password">
            </label>
        </div>
        <div class="admin-actions"><button class="button" type="submit">Save settings</button></div>
    </form>
@endsection