@extends('backend.layouts.app')
@section('content')
<div class="row">
    <div class="col-lg-11">
        <div class="card">
              <ul class="nav nav-tabs nav-fill border-light">
            @foreach (\App\Models\Language::all() as $key => $language)
                <li class="nav-item">
                    <a class="nav-link text-reset @if ($language->code == $lang) active @else bg-soft-dark border-light border-left-0 @endif py-3" href="{{ route('section.aboutSectionStore', ['lang'=> $language->code] ) }}">
                        <img src="{{ static_asset('assets/backend/images/lang/'.$language->code.'.png') }}" height="11" class="mr-1">
                        <span>{{$language->name}}</span>
                    </a>
                </li>
            @endforeach
            </ul>
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('About Section')}}</h4>
            </div><!-- end card header -->
            <!-- @if($errors->any())
                    {!! implode('', $errors->all('<div>:message</div>')) !!}
            @endif -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('section.aboutSectionStore') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="types_mime" id="types_mime" data-id="">
                        
                        <!-- @dump(isset($aboutexists->id)) -->
                        @if (isset($aboutexists->id))
                            <input type="hidden" name="aboutid" value="{{ $aboutexists->id }}">
                        @else
                            <input type="hidden" name="aboutid" value="">
                        @endif
                        <div class="row">
                            <div class="col-md-9 mx-auto">
                                <div class="mb-3">
                                    <label for="title" class="form-label">{{translate('Main Title')}}</label>
                                    <input type="text" name="main_title" class="form-control" placeholder="{{translate('Main Title')}}" @error('main_title') is-invalid @enderror id="title">
                                    @error('main_title')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-9 mx-auto">
                                <div class="mb-3">
                                    <label for="title" class="form-label">{{translate('Title')}}</label>
                                    <input type="text" name="title" class="form-control" placeholder="{{translate('Page Title')}}" @error('title') is-invalid @enderror id="title">
                                    @error('title')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-9 mx-auto" style="display:none">
                                <label for="slug" class="form-label">{{translate('Link')}}</label>
                                <div class="input-group mb-3">
                                    <span class="input-group-text" id="link">{{\URL::to('/')}}</span>
                                    <input type="text" name="link" class="form-control" @error('link') is-invalid @enderror  id="slug" aria-describedby="link">
                                    @error('link')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-9 mx-auto">
                                <label for="content" class="form-label">{{translate('Add Content')}}</label>
                                <div class="mb-3">
                                    <textarea name="content" class="form-control rns-textEditor" id="" cols="97" rows="10" id="content"></textarea @error('content') is-invalid @enderror >
                                    @error('content')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                           <div class="col-md-9 mx-auto">
                                    <label for="filename" class="form-label">{{translate('Upload Image ')}}</label>
                                    <div class="mb-3">
                                        <input type="file" name="filename"  id="about_file" class="form-control" @error('filename') is-invalid @enderror >
                                        @error('filename')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                        <img id="about_section_div"src="https://www.riobeauty.co.uk/images/product_image_not_found.gif"alt="preview image" style="max-height: 125px; max-width:450px ; display: none;">
                                       
                                       
                                    </div>
                            </div>
                            <!--end col-->
                            <div class="col-lg-12">
                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                            <!--end col-->
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--end col-->
</div>
@endsection
@section('script')
<script src="{{asset('assets/backend/libs/prismjs/prism.js')}}"></script>
@endsection