@extends('layouts.app')

@section('title', 'Settings')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h4 class="mb-0">General settings</h4>
        </div>
        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
    </div>
    <div class="row">
        <div class="col-md-3">
            <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                <a class="nav-link mb-2 active" id="v-pills-general-tab" data-bs-toggle="pill" href="#v-pills-general" role="tab" aria-controls="v-pills-general" aria-selected="true">General Settings</a>
                <a class="nav-link mb-2" id="v-pills-mail-tab" data-bs-toggle="pill" href="#v-pills-mail" role="tab" aria-controls="v-pills-mail" aria-selected="false">Mail Settings</a>
                <a class="nav-link" id="v-pills-logo-tab" data-bs-toggle="pill" href="#v-pills-logo" role="tab" aria-controls="v-pills-logo" aria-selected="false">Logo Settings</a>
            </div>
        </div>
        <div class="col-md-9">
            <div class="tab-content text-muted mt-4 mt-md-0" id="v-pills-tabContent">
                <div class="tab-pane fade show active" id="v-pills-general" role="tabpanel" aria-labelledby="v-pills-general-tab">
                    <div class="card mb-3">
                        <div class="card-body">
                            <h5 class="card-title">Site Information</h5>
                            <form action="{{ route('settings.update') }}" method="POST">
                                @csrf
                                <div class="mb-3">
                                    <label for="site_name" class="form-label">Site Name</label>
                                    <input type="text" class="form-control" id="site_name" name="site_name" value="{{ old('site_name', $settings['site_name'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="contact_email" class="form-label">Contact Email</label>
                                    <input type="email" class="form-control" id="contact_email" name="contact_email" value="{{ old('contact_email', $settings['contact_email'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="contact_phone" class="form-label">Contact Phone</label>
                                    <input type="text" class="form-control" id="contact_phone" name="contact_phone" value="{{ old('contact_phone', $settings['contact_phone'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="contact_address" class="form-label">Contact Address</label>
                                    <input type="text" class="form-control" id="contact_address" name="contact_address" value="{{ old('contact_address', $settings['contact_address'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="currency_name" class="form-label">Currency Name</label>
                                    <input type="text" class="form-control" id="currency_name" name="currency_name" value="{{ old('currency_name', $settings['currency_name'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="currency_icon" class="form-label">Currency Icon</label>
                                    <input type="text" class="form-control" id="currency_icon" name="currency_icon" value="{{ old('currency_icon', $settings['currency_icon'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="time_zone" class="form-label">Time Zone</label>
                                    <input type="text" class="form-control" id="time_zone" name="time_zone" value="{{ old('time_zone', $settings['time_zone'] ?? '') }}">
                                </div>
                                <button type="submit" class="btn btn-primary">Save Site Information</button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="v-pills-mail" role="tabpanel" aria-labelledby="v-pills-mail-tab">
                    <div class="card mb-3">
                        <div class="card-body">
                            <h5 class="card-title">Mail Settings</h5>
                            <form action="{{ route('settings.update') }}" method="POST">
                                @csrf
                                <div class="mb-3">
                                    <label for="site_email" class="form-label">Site Email</label>
                                    <input type="email" class="form-control" id="site_email" name="site_email" value="{{ old('site_email', $settings['site_email'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="mail_host" class="form-label">Mail Host</label>
                                    <input type="text" class="form-control" id="mail_host" name="mail_host" value="{{ old('mail_host', $settings['mail_host'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="smtp_username" class="form-label">SMTP Username</label>
                                    <input type="text" class="form-control" id="smtp_username" name="smtp_username" value="{{ old('smtp_username', $settings['smtp_username'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="smtp_password" class="form-label">SMTP Password</label>
                                    <input type="password" class="form-control" id="smtp_password" name="smtp_password" value="{{ old('smtp_password', $settings['smtp_password'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="mail_port" class="form-label">Mail Port</label>
                                    <input type="number" class="form-control" id="mail_port" name="mail_port" value="{{ old('mail_port', $settings['mail_port'] ?? '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="mail_encryption" class="form-label">Mail Encryption</label>
                                    <input type="text" class="form-control" id="mail_encryption" name="mail_encryption" value="{{ old('mail_encryption', $settings['mail_encryption'] ?? '') }}">
                                </div>
                                <button type="submit" class="btn btn-primary">Save Mail Settings</button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="v-pills-logo" role="tabpanel" aria-labelledby="v-pills-logo-tab">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Logo Settings</h5>
                            <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="logo" class="form-label">Logo</label>
                                            <input type="file" class="form-control" id="logo" name="logo">
                                            @if(isset($settings['logo']))
                                                <img src="{{ asset('storage/images/' . $settings['logo']) }}" alt="Logo" class="img-thumbnail mt-2" width="100">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="dark_logo" class="form-label">Dark Logo</label>
                                            <input type="file" class="form-control" id="dark_logo" name="dark_logo">
                                            @if(isset($settings['dark_logo']))
                                                <img src="{{ asset('storage/images/' . $settings['dark_logo']) }}" alt="Dark Logo" class="img-thumbnail mt-2" width="100">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="small_logo" class="form-label">Small Logo</label>
                                            <input type="file" class="form-control" id="small_logo" name="small_logo">
                                            @if(isset($settings['small_logo']))
                                                <img src="{{ asset('storage/images/' . $settings['small_logo']) }}" alt="Small Logo" class="img-thumbnail mt-2" width="100">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="favicon" class="form-label">Favicon</label>
                                            <input type="file" class="form-control" id="favicon" name="favicon">
                                            @if(isset($settings['favicon']))
                                                <img src="{{ asset('storage/images/' . $settings['favicon']) }}" alt="Favicon" class="img-thumbnail mt-2" width="100">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary">Save Logo Settings</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection