@extends('layouts.admin')

@section('title', 'Settings')
@section('heading', 'Site Settings')

@section('content')
    <form class="panel form-grid" method="post" enctype="multipart/form-data" action="{{ route('admin.settings.update') }}">
        @csrf
        @method('put')
        <label>Site Name<input name="site_name" value="{{ old('site_name', $settings['site_name']) }}" required></label>
        <label>Tagline<input name="site_tagline" value="{{ old('site_tagline', $settings['site_tagline']) }}"></label>
        <label>Email<input type="email" name="site_email" value="{{ old('site_email', $settings['site_email']) }}"></label>
        <label>Phone<input name="site_phone" value="{{ old('site_phone', $settings['site_phone']) }}"></label>
        <label class="full">Address<textarea name="site_address" rows="3">{{ old('site_address', $settings['site_address']) }}</textarea></label>
        <label>Facebook URL<input name="facebook_url" value="{{ old('facebook_url', $settings['facebook_url']) }}"></label>
        <label>Twitter URL<input name="twitter_url" value="{{ old('twitter_url', $settings['twitter_url']) }}"></label>
        <label>YouTube URL<input name="youtube_url" value="{{ old('youtube_url', $settings['youtube_url']) }}"></label>
        <label>LinkedIn URL<input name="linkedin_url" value="{{ old('linkedin_url', $settings['linkedin_url']) }}"></label>
        <label>Instagram URL<input name="instagram_url" value="{{ old('instagram_url', $settings['instagram_url']) }}"></label>
        <label>Logo<input type="file" name="site_logo" accept="image/*"></label>
        @if($settings['site_logo'])<img class="preview wide-preview" src="{{ asset('storage/'.$settings['site_logo']) }}" alt="">@endif

        <div class="form-section full">
            <h2>Home Page Layout</h2>
            <p>Use category order and these controls to arrange the public home page.</p>
        </div>
        <label>Top Category Boxes
            <input type="number" name="home_box_count" min="1" max="6" value="{{ old('home_box_count', $settings['home_box_count']) }}" required>
        </label>
        <label>Bottom Category Tiles
            <input type="number" name="home_tile_count" min="4" max="24" value="{{ old('home_tile_count', $settings['home_tile_count']) }}" required>
        </label>
        <label>Latest News Count
            <input type="number" name="home_latest_limit" min="6" max="20" value="{{ old('home_latest_limit', $settings['home_latest_limit']) }}" required>
        </label>
        <label>News Per Home Section
            <input type="number" name="home_section_article_limit" min="4" max="12" value="{{ old('home_section_article_limit', $settings['home_section_article_limit']) }}" required>
        </label>
        <label>Large Feature Section
            <select name="home_feature_category">
                @foreach($categories as $category)
                    <option value="{{ $category->slug }}" @selected(old('home_feature_category', $settings['home_feature_category']) === $category->slug)>{{ $category->name }}</option>
                @endforeach
            </select>
        </label>
        <label>Split Section
            <select name="home_split_category">
                @foreach($categories as $category)
                    <option value="{{ $category->slug }}" @selected(old('home_split_category', $settings['home_split_category']) === $category->slug)>{{ $category->name }}</option>
                @endforeach
            </select>
        </label>

        <div class="form-section full">
            <h2>Category Page Layout</h2>
            <p>Category pages use lead news, side news and list view from the same article data.</p>
        </div>
        <label>News Per Category Page
            <input type="number" name="category_page_per_page" min="9" max="30" value="{{ old('category_page_per_page', $settings['category_page_per_page']) }}" required>
        </label>
        <div class="form-actions full"><button type="submit">Save Settings</button></div>
    </form>
@endsection