@extends('layouts.admin')
@section('content')

<!-- [ breadcrumb ] start -->
<div class="page-header">
    <div class="page-block">
        <div class="row align-items-center">
            <div class="col-md-12">
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">হোম</a></li>
                    <li class="breadcrumb-item"><a href="javascript: void(0)">সেটিংস</a></li>
                    <li class="breadcrumb-item" aria-current="page">General Settings / Logo</li>
                </ul>
            </div>
            <div class="col-md-12">
                <div class="page-header-title">
                    <h2 class="mb-0">General Settings / Logo</h2>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- [ breadcrumb ] end -->

@include('includes.admin.form-both')

<form class="uplogo-form" id="geniusform" action="{{ route('admin.generalsettings.update') }}" method="POST" enctype="multipart/form-data">
    {{csrf_field()}}

    <div class="card">
        <div class="card-header">
            <h5>{{ __('Logos & Banners') }}</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Header Logo -->
                <div class="col-md-4 mb-4 text-center">
                    <label class="form-label d-block">{{ __('Header Logo') }}</label>
                    <div class="mb-3">
                        <img src="{{ $data->logo ? asset('assets/images/logo/'.$data->logo) : asset('assets/images/noimage.png')}}" alt="" class="img-fluid border p-2" style="max-height: 100px;">
                    </div>
                    <input class="form-control" type="file" name="logo">
                </div>

                <!-- Footer Logo -->
                <div class="col-md-4 mb-4 text-center">
                    <label class="form-label d-block">{{ __('Footer Logo') }}</label>
                    <div class="mb-3">
                        <img src="{{ $data->footer_logo ? asset('assets/images/logo/'.$data->footer_logo) : asset('assets/images/noimage.png')}}" alt="" class="img-fluid border p-2" style="max-height: 100px;">
                    </div>
                    <input class="form-control" type="file" name="footer_logo">
                </div>

                <!-- Photo Card Baner -->
                <div class="col-md-4 mb-4 text-center">
                    <label class="form-label d-block">{{ __('Photo Card Baner') }}</label>
                    <div class="mb-3">
                        <img src="{{ $data->photo_card ? asset('assets/images/logo/'.$data->photo_card) : asset('assets/images/noimage.png')}}" alt="" class="img-fluid border p-2" style="max-height: 100px;">
                    </div>
                    <input class="form-control" type="file" name="photo_card">
                </div>

                <!-- Photo Card Logo -->
                <div class="col-md-4 mb-4 text-center">
                    <label class="form-label d-block">{{ __('Photo Card Logo') }}</label>
                    <div class="mb-3">
                        <img src="{{ $data->photo_card_logo ? asset('assets/images/logo/'.$data->photo_card_logo) : asset('assets/images/noimage.png')}}" alt="" class="img-fluid border p-2" style="max-height: 100px;">
                    </div>
                    <input class="form-control" type="file" name="photo_card_logo">
                </div>

                <!-- Photo Card Ads -->
                <div class="col-md-4 mb-4 text-center">
                    <label class="form-label d-block">{{ __('Photo Card Ads') }}</label>
                    <div class="mb-3">
                        <img src="{{ $data->photo_card_ads ? asset('assets/images/logo/'.$data->photo_card_ads) : asset('assets/images/noimage.png')}}" alt="" class="img-fluid border p-2" style="max-height: 100px;">
                    </div>
                    <input class="form-control" type="file" name="photo_card_ads">
                </div>

                <!-- Lazy Baner -->
                <div class="col-md-4 mb-4 text-center">
                    <label class="form-label d-block">{{ __('Lazy Baner') }}</label>
                    <div class="mb-3">
                        <img src="{{ $data->lazy_baner ? asset('assets/images/logo/'.$data->lazy_baner) : asset('assets/images/noimage.png')}}" alt="" class="img-fluid border p-2" style="max-height: 100px;">
                    </div>
                    <input class="form-control" type="file" name="lazy_baner">
                </div>

                <!-- OG Baner -->
                <div class="col-md-4 mb-4 text-center">
                    <label class="form-label d-block">{{ __('OG Baner') }}</label>
                    <div class="mb-3">
                        <img src="{{ $data->og_baner ? asset('assets/images/logo/'.$data->og_baner) : asset('assets/images/noimage.png')}}" alt="" class="img-fluid border p-2" style="max-height: 100px;">
                    </div>
                    <input class="form-control" type="file" name="og_baner">
                </div>

            </div>
        </div>
    </div>

    {{-- Submit --}}
    <div class="card">
        <div class="card-body">
            <button class="btn btn-primary" type="submit">
                <i class="ti ti-device-floppy me-1"></i>{{ __('Save Changes') }}
            </button>
        </div>
    </div>
</form>

@endsection