@extends('backend.app')

@section('title', 'Admin Settings')

@push('style')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css"/>
<style>
    .setting-card { border-radius: 10px; }
    .section-title {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 6px;
    }
    .dropify-wrapper { border-radius: 8px; }
</style>
@endpush

@section('content')
<div class="app-content content">
    <div class="card setting-card">
        <div class="card-header">
            <h4 class="card-title mb-0">Admin Panel Settings</h4>
        </div>

        <div class="card-body">
            <form method="POST" action="{{ route('system.system.admin.setting.update') }}" enctype="multipart/form-data">
                @csrf

                {{-- Branding --}}
                <div class="section-title">Branding</div>
                <div class="row mb-4">
                    <div class="col-md-3">
                        <label class="form-label">Admin Logo</label>
                        <input type="file" name="admin_logo" class="dropify"
                               data-default-file="{{ asset($setting->admin_logo ?? '') }}">
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Admin Favicon</label>
                        <input type="file" name="admin_favicon" class="dropify"
                               data-default-file="{{ asset($setting->admin_favicon ?? '') }}">
                    </div>
                </div>

                {{-- Basic Info --}}
                <div class="section-title">Basic Information</div>
                <div class="row">
                    <div class="col-md-6">
                        <label class="form-label">Admin Panel Title</label>
                        <input type="text" name="admin_title" class="form-control"
                               value="{{ $setting->admin_title }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">Short Title</label>
                        <input type="text" name="admin_short_title" class="form-control"
                               value="{{ $setting->admin_short_title }}">
                    </div>
                </div>

                {{-- Footer --}}
                {{-- <div class="section-title mt-4">Footer</div>
                <div class="row">
                    <div class="col-md-12">
                        <label class="form-label">Copyright Text</label>
                        <input type="text" name="admin_copyright_text"
                               class="form-control"
                               value="{{ $setting->admin_copyright_text }}">
                    </div>
                </div> --}}

                <div class="text-end mt-4">
                    <button class="btn btn-primary px-4">
                        <i class="fas fa-save me-1"></i> Update Admin Settings
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js"></script>
<script>
    $('.dropify').dropify();
</script>
@endpush