@extends('backend.layout.app')

@section('content')
<div class="page-content">
    <div class="container-fluid">
        <h4 class="mb-4">Media Management</h4>

        <div class="row">
           <form action="{{ route('admin.setting.updateMedia') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="row">
        <!-- Logo -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header">Logo <small>(Recommended size: 130 × 50 px)</small></div>
                <div class="card-body text-center">
                    <input type="file" name="logo" class="form-control dropify mb-2" data-default-file="{{ $setting->logo ? asset($setting->logo) : '' }}" accept="image/*">
                </div>
            </div>
        </div>

        <!-- Favicon -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header">Favicon <small>(Recommended size: 60 × 60 px)</small></div>
                <div class="card-body text-center">
                    <input type="file" name="favicon" class="form-control dropify mb-2" data-default-file="{{ $setting->favicon ? asset($setting->favicon) : '' }}" accept="image/*">
                </div>
            </div>
        </div>

        <!-- Footer Image -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header">Footer Image <small>(Recommended size: 150 × 60 px)</small></div>
                <div class="card-body text-center">
                    <input type="file" name="footer_image" class="form-control dropify mb-2" data-default-file="{{ $setting->footer_image ? asset($setting->footer_image) : '' }}" accept="image/*">
                </div>
            </div>
        </div>
    </div>

    <!-- Update Button -->
    <div class="row">
        <div class="col-12 text-center">
            <button type="submit" class="btn btn-primary btn-lg">Update</button>
        </div>
    </div>
</form>

        </div>
       
    </div>
</div>
@endsection