@extends('admin.setting.index')
@section('setting')
    <div class="card-body">
        <h2 class="mb-4">Site Setting</h2>
        <form action="{{ route('panel.site.setting.insert') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="form-label">Logo</div>
                    <input type="file" class="form-control" name="site_logo" accept="image/*">
                    @if(config('settings.site_logo'))
                        <div class="mt-2">
                            <img src="{{ asset(config('settings.site_logo')) }}" class="img-fluid" style="max-height: 100px;">
                            <small class="text-muted d-block">Current logo</small>
                        </div>
                    @endif
                    <x-input-error :messages="$errors->get('site_logo')" class="mt-2" />
                </div>

                <div class="col-md-6">
                    <div class="form-label">Favicon</div>
                    <input type="file" class="form-control" name="site_favicon" accept="image/x-icon,image/png">
                    @if(config('settings.site_favicon'))
                        <div class="mt-2">
                            <img src="{{ asset(config('settings.site_favicon')) }}" class="img-fluid" style="max-height: 50px;">
                            <small class="text-muted d-block">Current favicon</small>
                        </div>
                    @endif
                    <x-input-error :messages="$errors->get('site_favicon')" class="mt-2" />
                </div>
            </div>

            <div class="card-footer bg-transparent mt-auto">
                <div class="btn-list justify-content-end">
                    <a href="{{ route('panel.general.setting') }}" class="btn btn-1">Cancel</a>
                    <button type="submit" class="btn btn-primary btn-2">Submit</button>
                </div>
            </div>
        </form>
    </div>
@endsection