@extends('admin.layouts.layout')

@section('title')Settings @endsection

@section('body')
    <h1 class="text-2xl font-semibold mb-4">Settings</h1>

    @include('partials.event')

    <form action="{{ route('admin.website.settings.upload') }}" method="POST" enctype="multipart/form-data">
        @csrf

        @if ($settings && $settings->logo)
            <img src="/storage/{{ $settings->logo }}" alt="Logo">
        @endif

        <div class="mb-4">
            <label for="logo" class="block font-medium text-slate-700">Logo</label>
            <input type="file" id="logo" name="logo"
                class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500">
            @error('logo')
                <p class="text-pink-500 text-sm">{{ $message }}</p>
            @enderror
        </div>

        <div class="flex justify-end">
            <button type="submit" class="bg-green-300 px-5 py-3 rounded-md font-medium text-slate-700">Upload</button>
        </div>
    </form>

    <form action="{{ route('admin.website.settings.update') }}" method="POST">
        @csrf

        <h1 class="font-semibold text-2xl border-b py-2 mb-4">Menu Bar</h1>

        <div class="mb-4">
            <input type="checkbox" id="show_page_about" @if ($settings && $settings->show_page_about) checked  @endif value="1"class="mr-2">
            <label for="show_page_about" class="font-medium text-slate-700">Show About Us Page</label>
            <input type="hidden" name="show_page_about" @if ($settings && $settings->show_page_about) value="1" @else value="0" @endif>
        </div>

        <div class="mb-4">
            <input type="checkbox" id="show_page_services" @if ($settings && $settings->show_page_services) checked  @endif value="1" class="mr-2">
            <label for="show_page_services" class="font-medium text-slate-700">Show Services Page</label>
            <input type="hidden" name="show_page_services" @if ($settings && $settings->show_page_services) value="1" @else value="0" @endif>
        </div>

        <div class="mb-4">
            <input type="checkbox" id="show_page_portfolios" @if ($settings && $settings->show_page_portfolios) checked  @endif value="1" class="mr-2">
            <label for="show_page_portfolios" class="font-medium text-slate-700">Show Portfolios Page</label>
            <input type="hidden" name="show_page_portfolios" @if ($settings && $settings->show_page_portfolios) value="1" @else value="0" @endif>
        </div>

        <div class="mb-4">
            <input type="checkbox" id="show_page_contact" @if ($settings && $settings->show_page_contact) checked  @endif value="1" class="mr-2">
            <label for="show_page_contact" class="font-medium text-slate-700">Show Contact Us Page</label>
            <input type="hidden" name="show_page_contact" @if ($settings && $settings->show_page_contact) value="1" @else value="0" @endif>
        </div>

        <h1 class="font-semibold text-2xl border-b py-2 mb-4">Others</h1>

        <div class="mb-4">
            <label for="monthly_subscription" class="block font-medium text-slate-700">Monthly Subscription</label>
            <input type="number" id="monthly_subscription" name="monthly_subscription"
                class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
                placeholder="Monthly Subscription"
                value="{{ $settings->monthly_subscription ?? 0.00 }}">
            @error('monthly_subscription')
                <p class="text-pink-500 text-sm">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-4">
            <label for="tag_line" class="block font-medium text-slate-700">Tagline</label>
            <input type="text" id="tag_line" name="tag_line"
                class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
                placeholder="Tagline"
                value="{{ $settings->tag_line ?? null }}">
            @error('tag_line')
                <p class="text-pink-500 text-sm">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-4">
            <label for="about_us" class="block font-medium text-slate-700">About Us</label>
            <textarea id="about_us" name="about_us"
                class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
                placeholder="About Us">{{ $settings->about_us ?? null }}</textarea>
        </div>

        <div class="mb-4">
            <label for="mission" class="block font-medium text-slate-700">Mission</label>
            <textarea id="mission" name="mission"
                class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
                placeholder="Mission">{{ $settings->mission ?? null }}</textarea>
        </div>

        <div class="mb-4">
            <label for="vision" class="block font-medium text-slate-700">Vision</label>
            <textarea id="vision" name="vision"
                class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
                placeholder="Vision">{{ $settings->vision ?? null }}</textarea>
        </div>

        <div class="flex justify-end">
            <button type="submit" class="bg-green-300 px-5 py-3 rounded-md font-medium text-slate-700">Save</button>
        </div>
    </form>
@endsection

@section('js')
    @vite('resources/js/checkbox.js')
@endsection