@extends('layouts.master')
@section('title')
    Settings
@endsection

@section('css')
    <script src="{{asset('custom_js/upload-image.js')}}"></script>
@endsection

@section('content')
@component('components.breadcrumb')
@slot('li_1')
    Settings
@endslot
@slot('title')
    Configuration
@endslot
@endcomponent

    {{-- <div class="card info-card pt-5 ps-3">
        <div class="card-body"> --}}
            <form action="{{ route('settings.update') }}" method="post" enctype="multipart/form-data">
                @csrf

                <div class="card">
                    <div class="card-body">
                        <section>
                            <div class="col-12 mb-3 section-title">
                                <h2>General Settings</h2>
                            </div>
        
                            <div class="row">
                                <div class="col-6 mb-3">
                                    <div class="card">
                                        <div class="card-body">
                                            <img src="{{ asset('uploads/settings/'.$settings->header_logo) }}" alt="image" class="d-block rounded" width="150" height="90" id="uploadedAvatar" />
                                            <br>
                                            <div class="form-group">
                                                <label for="upload" class="btn btn-primary me-2 mb-2" tabindex="0">
                                                    <span class="d-none d-sm-block">Upload Logo Here</span>
                                                    <i class="bx bx-upload d-block d-sm-none"></i>
                                                    <input class="form-control account-file-input" type="file" name="header_logo" id="upload" hidden>
                                                </label>
                                                <button type="button" class="btn btn-outline-secondary account-image-reset mb-2">
                                                    <i class="bx bx-reset d-block d-sm-none"></i>
                                                    <span class="d-none d-sm-block">Reset</span>
                                                </button>
                                            </div>
                                            <span class="text text-info" style="font-size: 11px">The image is preferred to be 300 x 107</span>
                                            @error('header_logo')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="col-6 mb-3">
                                    <div class="card">
                                        <div class="card-body">
                                            <img src="{{ asset('uploads/settings/'.$settings->white_logo) }}" alt="image" class="d-block rounded" width="150" height="90" id="uploadedAvatar2" />
                                            <br>
                                            <div class="form-group">
                                                <label for="upload2" class="btn btn-primary me-2 mb-2" tabindex="0">
                                                    <span class="d-none d-sm-block">Upload White Logo Here</span>
                                                    <i class="bx bx-upload d-block d-sm-none"></i>
                                                    <input class="form-control account-file-input2" type="file" name="white_logo" id="upload2" hidden>
                                                </label>
                                                <button type="button" class="btn btn-outline-secondary account-image-reset2 mb-2">
                                                    <i class="bx bx-reset d-block d-sm-none"></i>
                                                    <span class="d-none d-sm-block">Reset</span>
                                                </button>
                                            </div>
                                            <span class="text text-info" style="font-size: 11px">The image is preferred to be 140 x 50</span>
                                            @error('white_logo')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="col-6 mb-3">
                                    <div class="card">
                                        <div class="card-body">
                                            <img src="{{ asset('uploads/settings/'.$settings->favicon) }}" alt="image" class="d-block rounded" width="150" height="90" id="uploadedAvatar5" />
                                            <br>
                                            <div class="form-group">
                                                <label for="upload5" class="btn btn-primary me-2 mb-2" tabindex="0">
                                                    <span class="d-none d-sm-block">Upload Favicon Here</span>
                                                    <i class="bx bx-upload d-block d-sm-none"></i>
                                                    <input class="form-control account-file-input5" type="file" name="favicon" id="upload5" hidden>
                                                </label>
                                                <button type="button" class="btn btn-outline-secondary account-image-reset5 mb-2">
                                                    <i class="bx bx-reset d-block d-sm-none"></i>
                                                    <span class="d-none d-sm-block">Reset</span>
                                                </button>
                                            </div>
                                            <span class="text text-info" style="font-size: 11px">The image is preferred to be 32 x 32</span>
                                            @error('favicon')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="col-6 mb-3">
                                    <div class="form-group">
                                        <label for="site_name">Site Name</label>
                                        <input type="text" class="form-control" name="site_name" placeholder="Enter Site Name" value="{{ old('site_name', $settings->site_name) }}" />
                                        @error('site_name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-6 mb-3">
                                    <div class="form-group">
                                        <label for="site_slogan">Site slogan</label>
                                        <input type="text" class="form-control" name="site_slogan" placeholder="Enter Site slogan" value="{{ old('site_slogan', $settings->site_slogan) }}" />
                                        @error('site_slogan')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>

                <hr>
                <button type="submit" class="btn btn-round btn-success col-md-1 me-2">Save</button>
                <a href="{{ route('dashboard') }}" style="width: 200px" class="btn btn-secondary"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i> Back </a>
            </form>
        {{-- </div>
    </div> --}}
@endsection