@extends('backend.layouts.app')
@section('setting') open @endsection
@section('page-banner') active @endsection

@section('content')
<!-- Page Content -->
<div class="content">

    <div class="row">
        <!-- Row #2 -->
        <div class="col-md-12 mx-auto">
            <div class="block block-rounded">
                <div class="block-header block-header-default">
                    <h3 class="block-title">Update Pages Banner</h3>
                </div>
                <div class="block-content">
                    <div class="row">
                        <div class="col-12">
                            <!-- Form Horizontal - Default Style -->
                            <form class="mb-5" action="{{ route('page.banner.update') }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="old_home_page_banner" value="{{ $data->home_page_banner }}">
                                <input type="hidden" name="old_about_page_banner" value="{{ $data->about_page_banner }}">
                                <input type="hidden" name="old_project_page_banner" value="{{ $data->project_page_banner }}">
                                <input type="hidden" name="old_event_page_banner" value="{{ $data->event_page_banner }}">
                                <input type="hidden" name="old_sponsorship_page_banner" value="{{ $data->sponsorship_page_banner }}">
                                <input type="hidden" name="old_blog_page_banner" value="{{ $data->blog_page_banner }}">
                                <input type="hidden" name="old_volunteer_page_banner" value="{{ $data->volunteer_page_banner }}">
                                <input type="hidden" name="old_gallery_page_banner" value="{{ $data->gallery_page_banner }}">
                                <input type="hidden" name="old_contact_page_banner" value="{{ $data->contact_page_banner }}">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="home_page_banner">Home Page Banner</label>
                                            <input type="file" class="form-control" id="home_page_banner" name="home_page_banner" placeholder="Enter home page banner..">
                                            @error('home_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->home_page_banner) && file_exists($data->home_page_banner))
                                            <img src="{{ asset($data->home_page_banner) }}"
                                                alt="Home page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="Home page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="about_page_banner">About Page Banner (1894 X 378)</label>
                                            <input type="file" class="form-control" id="about_page_banner" name="about_page_banner" placeholder="Enter About page banner..">
                                            @error('about_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->about_page_banner) && file_exists($data->about_page_banner))
                                            <img src="{{ asset($data->about_page_banner) }}"
                                                alt="About page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="About page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="project_page_banner">Project Page Banner (1894 X 378)</label>
                                            <input type="file" class="form-control" id="project_page_banner" name="project_page_banner" placeholder="Enter project page banner..">
                                            @error('project_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->project_page_banner) && file_exists($data->project_page_banner))
                                            <img src="{{ asset($data->project_page_banner) }}"
                                                alt="Project page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="Project page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="event_page_banner">Event Page Banner (1894 X 378)</label>
                                            <input type="file" class="form-control" id="event_page_banner" name="event_page_banner" placeholder="Enter event page banner..">
                                            @error('event_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->event_page_banner) && file_exists($data->event_page_banner))
                                            <img src="{{ asset($data->event_page_banner) }}"
                                                alt="Event page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="Event page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="sponsorship_page_banner">Sponsorship Page Banner (1894 X 378)</label>
                                            <input type="file" class="form-control" id="sponsorship_page_banner" name="sponsorship_page_banner" placeholder="Enter sponsorship page banner..">
                                            @error('sponsorship_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->sponsorship_page_banner) && file_exists($data->sponsorship_page_banner))
                                            <img src="{{ asset($data->sponsorship_page_banner) }}"
                                                alt="Sponsorship page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="Sponsorship page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="blog_page_banner">Blog Page Banner (1894 X 378)</label>
                                            <input type="file" class="form-control" id="blog_page_banner" name="blog_page_banner" placeholder="Enter blog page banner..">
                                            @error('blog_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->blog_page_banner) && file_exists($data->blog_page_banner))
                                            <img src="{{ asset($data->blog_page_banner) }}"
                                                alt="Blog page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="Blog page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="volunteer_page_banner">Volunteer Page Banner (1894 X 378)</label>
                                            <input type="file" class="form-control" id="volunteer_page_banner" name="volunteer_page_banner" placeholder="Enter volunteer page banner..">
                                            @error('volunteer_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->volunteer_page_banner) && file_exists($data->volunteer_page_banner))
                                            <img src="{{ asset($data->volunteer_page_banner) }}"
                                                alt="Volunteer page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="Volunteer page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="gallery_page_banner">Gallery Page Banner (1894 X 378)</label>
                                            <input type="file" class="form-control" id="gallery_page_banner" name="gallery_page_banner" placeholder="Enter gallery page banner..">
                                            @error('gallery_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->gallery_page_banner) && file_exists($data->gallery_page_banner))
                                            <img src="{{ asset($data->gallery_page_banner) }}"
                                                alt="Gallery page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="Gallery page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label" for="contact_page_banner">Contact Page Banner (1894 X 378)</label>
                                            <input type="file" class="form-control" id="contact_page_banner" name="contact_page_banner" placeholder="Enter contact page banner..">
                                            @error('contact_page_banner')
                                            <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <br>
                                            @if (!empty($data->contact_page_banner) && file_exists($data->contact_page_banner))
                                            <img src="{{ asset($data->contact_page_banner) }}"
                                                alt="Contact page banner" style="width: 100%; height: 100px;">
                                            @else
                                            <img src="{{ asset('common/no-image.jpg') }}"
                                                alt="Contact page banner" style="width: 100%; height: 100px;">
                                            @endif
                                        </div>
                                    </div>
                                </div>                                
                                
                                <div class="mb-4">
                                    <button type="submit" class="btn btn-primary">Update</button>
                                </div>
                            </form>
                            <!-- END Form Horizontal - Default Style -->


                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Row #2 -->
    </div>

</div>
<!-- END Page Content -->
@endsection