@extends('layouts.admin.app') @section('title', translate('messages.landing_page_settings')) @push('css_or_js') <!-- Custom styles for this page --> <link href="{{ asset('public/assets/admin/css/croppie.css') }}" rel="stylesheet"> @endpush @section('content') <div class="content container-fluid"> <!-- Page Header --> <div class="page-header"> <!-- Page Header --> <h1 class="page-header-title text-capitalize"> <div class="card-header-icon d-inline-flex mr-2 img"> <img src="{{ asset('/public/assets/admin/img/landing-page.png') }}" class="mw-26px" alt="public"> </div> <span> {{ translate('messages.landing_page_settings') }} </span> </h1> <!-- End Page Header --> <!-- Nav Scroller --> <div class="js-nav-scroller hs-nav-scroller-horizontal"> <!-- Nav --> @include('admin-views.business-settings.landing-page-settings.top-menu-links.top-menu-links') <!-- End Nav --> </div> <!-- End Nav Scroller --> <div class="js-nav-scroller hs-nav-scroller-horizontal"> <!-- Nav --> <ul class="nav nav-tabs page-header-tabs"> <li class="nav-item"> <a class="nav-link active" href="{{ route('admin.business-settings.landing-page-settings', 'react') }}" aria-disabled="true">{{ translate('React Landing Page') }}</a> </li> <li class="nav-item"> <a class="nav-link " href="{{ route('admin.business-settings.landing-page-settings', 'react-half-banner') }}" aria-disabled="true">{{ translate('React Half Banner Section ') }}</a> </li> <li class="nav-item"> <a class="nav-link " href="{{ route('admin.business-settings.landing-page-settings', 'react-feature') }}" aria-disabled="true">{{ translate('React Landing Page Features') }}</a> </li> </ul> <!-- End Nav --> </div> </div> <!-- End Page Header --> <!-- Page Heading --> <div class="card my-2"> <div class="card-body"> @php($react_header_banner = \App\Models\BusinessSetting::where(['key' => 'react_header_banner'])->first()) @php($react_header_banner = isset($react_header_banner->value) ? $react_header_banner->value : null) <div class="row gy-3"> <div class="col-sm-6 col-xl-4"> <form action="{{ route('admin.business-settings.landing-page-settings', 'react_header') }}" method="POST" enctype="multipart/form-data" class="d-flex flex-column h-100"> @csrf <div class="form-group"> <span class="input-label text-center mb-3 d-block">{{ translate('Header Section Banner') }}<small class="text-danger">* {{-- ( {{translate('messages.size')}}: 1241 X 1755 px ) --}} </small></span> <label class="d-block"> <div class="custom-file d-none"> <input type="file" name="react_header_banner" id="customFileEg3" class="custom-file-input" required accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*"> </div> <center id="image-viewer-section3"> <img class="initial-7" id="viewer3" src="{{ asset('storage/app/public/react_landing/') }}/{{ isset($react_header_banner) ? $react_header_banner : 'react_header_banner.png' }}" onerror="this.src='{{ asset('public/assets/admin/img/160x160/img2.png') }}'" alt="" /> </center> </label> </div> <div class="form-group text-center mb-0 mt-auto"> <div class="landing--page-btns btn--container justify-content-center"> <label class="btn btn--reset" for="customFileEg3">{{ translate('Change Image') }}</label> <button type="submit" class="btn btn--primary">{{ translate('messages.upload') }}</button> </div> </div> </form> </div> <div class="col-sm-6 col-xl-4"> @php($app_section_image = \App\Models\BusinessSetting::where(['key' => 'app_section_image'])->first()) @php($app_section_image = isset($app_section_image->value) ? $app_section_image->value : null) <form action="{{ route('admin.business-settings.landing-page-settings', 'app_section_image') }}" method="POST" enctype="multipart/form-data" class="d-flex flex-column h-100"> @csrf <div class="form-group"> <span class="input-label text-center mb-3 d-block">{{ translate('App Section Image') }}<small class="text-danger">* {{-- ( {{translate('messages.size')}}: 1241 X 1755 px ) --}} </small></span> <label class="d-block"> <div class="custom-file d-none"> <input type="file" name="app_section_image" id="customFileEg6" class="custom-file-input" required accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*"> </div> <center id="image-viewer-section6"> <img class="initial-7" id="viewer6" src="{{ asset('storage/app/public/react_landing') }}/{{ isset($app_section_image) ? $app_section_image : 'app_section_image.png' }}" onerror="this.src='{{ asset('public/assets/admin/img/160x160/img2.png') }}'" alt="" /> </center> </label> </div> <div class="form-group text-center mb-0 mt-auto"> <div class="landing--page-btns btn--container justify-content-center"> <label class="btn btn--reset" for="customFileEg6">{{ translate('Change Image') }}</label> <button type="submit" class="btn btn--primary">{{ translate('messages.upload') }}</button> </div> </div> </form> </div> <div class="col-sm-6 col-xl-4"> @php($footer_logo = \App\Models\BusinessSetting::where(['key' => 'footer_logo'])->first()) @php($footer_logo = isset($footer_logo->value) ? $footer_logo->value : null) <form action="{{ route('admin.business-settings.landing-page-settings', 'footer_logo') }}" method="POST" enctype="multipart/form-data" class="d-flex flex-column h-100"> @csrf <div class="form-group"> <span class="input-label text-center mb-3 d-block">{{ translate('Footer Logo') }}<small class="text-danger">* {{-- ( {{translate('messages.size')}}: 1241 X 1755 px ) --}} </small></span> <label class="d-block"> <div class="custom-file d-none"> <input type="file" name="footer_logo" id="customFileEg7" class="custom-file-input" required accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*"> </div> <center id="image-viewer-section7"> <img class="initial-7" id="viewer7" src="{{ asset('storage/app/public/react_landing') }}/{{ isset($footer_logo) ? $footer_logo : 'footer_logo.png' }}" onerror="this.src='{{ asset('public/assets/admin/img/160x160/img2.png') }}'" alt="" /> </center> </label> </div> <div class="form-group text-center mb-0 mt-auto"> <div class="landing--page-btns btn--container justify-content-center"> <label class="btn btn--reset" for="customFileEg7">{{ translate('Change Image') }}</label> <button type="submit" class="btn btn--primary">{{ translate('messages.upload') }}</button> </div> </div> </form> </div> </div> </div> </div> <div class="card my-2"> <div class="card-body"> <div> <h1 class="text-center">{{ translate('React Landing Page Main Banner Image') }}</h3> </div> <div> <h3>{{ translate('Main Banner') }}</h3> </div> <div class="card my-2"> <div class="card-body"> <form action="{{ route('admin.business-settings.landing-page-settings', 'full-banner') }}" method="POST" enctype="multipart/form-data"> @php($full_banner_section = \App\Models\BusinessSetting::where(['key' => 'banner_section_full'])->first()) @php($full_banner_section = isset($full_banner_section->value) ? json_decode($full_banner_section->value, true) : null) @csrf <div class="row gy-3"> <div class="col-lg-6"> <div class="form-group "> <label class="input-label" for="full_banner_section">{{ translate('Banner Title') }}</label> <input type="text" id="full_banner_section" name="full_banner_section_title" value="{{ $full_banner_section['full_banner_section_title'] ?? null }}" required class="form-control h--45px" placeholder="{{ translate('Ex: Banner title') }}"> </div> <div class="form-group mb-0"> <label class="input-label" for="full_banner_section">{{ translate('Banner Sub Title') }}</label> <input type="text" id="full_banner_section" name="full_banner_section_sub_title" value="{{ $full_banner_section['full_banner_section_sub_title'] ?? null }}" class="form-control h--45px" required placeholder="{{ translate('Ex: Banner sub title') }}"> </div> </div> <div class="col-lg-6"> <div class="form-group h-100 d-flex flex-column mb-0"> <label class="input-label text-center d-block mt-auto mb-lg-0">{{ translate('Full Banner Image') }}<small class="text-danger">* ( {{ translate('messages.size') }}: {{ translate('1352 X 250 px') }} )</small></label> <center id="image-viewer-section" class="pt-2 mt-auto mb-auto"> <img class="initial-5" id="viewer" src="{{ asset('storage/app/public/react_landing') }}/{{ $full_banner_section['banner_section_img_full'] ?? null }}" onerror="this.src='{{ asset('public/assets/admin/img/160x160/img2.png') }}'" alt="" /> </center> <div class="custom-file mt-2"> <input type="file" name="banner_section_img_full" id="customFileEg1" class="custom-file-input" accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*" > <label class="custom-file-label" for="customFileEg1">{{ translate('messages.choose') }} {{ translate('messages.file') }}</label> </div> </div> </div> </div> <div class="form-group mt-3"> <div class="btn--container justify-content-end"> <button type="reset" id="reset_btn" class="btn btn--reset">{{ translate('messages.reset') }}</button> <button type="submit" class="btn btn--primary">{{ translate('messages.submit') }}</button> </div> </div> </form> </div> </div> </div> </div> <hr> <div class="card my-2"> <div class="card-body"> <div> <h1 class="text-center">{{ translate('React Landing Page Discount Banner Image') }}</h3> </div> <div> <h3>{{ translate('Discount Banner') }}</h3> </div> <div class="card my-2"> <div class="card-body"> <form action="{{ route('admin.business-settings.landing-page-settings', 'discount-banner') }}" method="POST" enctype="multipart/form-data"> @php($discount_section = \App\Models\BusinessSetting::where(['key' => 'discount_banner'])->first()) @php($discount_section = isset($discount_section->value) ? json_decode($discount_section->value, true) : null) @csrf <div class="row gy-3"> <div class="col-lg-6"> <div class="form-group"> <label class="input-label" for="full_banner_section">{{ translate('Discount Banner Title') }}</label> <input type="text" id="full_banner_section" name="title" value="{{ $discount_section['title'] ?? null }}" required class="form-control h--45px" placeholder="{{ translate('Ex: Discount banner title') }}"> </div> <div class="form-group mb-0"> <label class="input-label" for="full_banner_section">{{ translate('Discount Banner Sub Title') }}</label> <input type="text" id="full_banner_section" name="sub_title" value="{{ $discount_section['sub_title'] ?? null }}" class="form-control h--45px" required placeholder="{{ translate('Ex: Discount banner sub title') }}"> </div> </div> <div class="col-lg-6"> <div class="form-group h-100 d-flex flex-column mb-0"> <label class="input-label text-center d-block mt-auto mb-lg-0">{{ translate('Discount Banner Image') }}<small class="text-danger">* ( {{ translate('messages.size') }}: {{ translate('1352 X 250 px') }} )</small></label> <center id="image-viewer-section2" class="pt-2 mt-auto mb-auto"> <img class="initial-5" id="viewer2" src="{{ asset('storage/app/public/react_landing') }}/{{ $discount_section['img'] ?? null }}" onerror="this.src='{{ asset('public/assets/admin/img/160x160/img2.png') }}'" alt="" /> </center> <div class="custom-file mt-2"> <input type="file" name="img" id="customFileEg2" class="custom-file-input" accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*" > <label class="custom-file-label" for="customFileEg2">{{ translate('messages.choose') }} {{ translate('messages.file') }}</label> </div> </div> </div> </div> <div class="form-group mt-3"> <div class="btn--container justify-content-end"> <button type="reset" id="reset_btn" class="btn btn--reset">{{ translate('messages.reset') }}</button> <button type="submit" class="btn btn--primary">{{ translate('messages.submit') }}</button> </div> </div> </form> </div> </div> </div> </div> </div> @endsection @push('script_2') <script> function readURL(input, viewer) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#' + viewer).attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } $("#customFileEg1").change(function() { readURL(this, 'viewer'); $('#image-viewer-section').show(1000); }); $("#customFileEg2").change(function() { readURL(this, 'viewer2'); $('#image-viewer-section3').show(1000); }); $("#customFileEg3").change(function() { readURL(this, 'viewer3'); $('#image-viewer-section3').show(1000); }); $("#customFileEg6").change(function() { readURL(this, 'viewer6'); $('#image-viewer-section6').show(1000); }); $("#customFileEg7").change(function() { readURL(this, 'viewer7'); $('#image-viewer-section7').show(1000); }); $("#customFile_Eg1_0").change(function() { readURL(this, 'viewer_banner_half_0'); $('#image-viewer-viewer_banner_half_0').show(1000); }); $("#customFile_Eg1_1").change(function() { readURL(this, 'viewer_banner_half_1'); $('#image-viewer-viewer_banner_half_1').show(1000); }); </script> @endpush