@extends('admin.layout.master')
@section('content')
<div class="row justify-content-between rounded bg-light p-2 m-2">
    <div class="col-12 align-self-center">
        <a class='text-decoration-none fw-bold theme_link_color' href="{{url('/home')}}">{{ trans('admin.home') }} </a> <span class="bi bi-caret-right-fill theme_text_color"></span>
        <a class='text-decoration-none fw-bold theme_link_color' href="{{url('/frontend/'.$id)}}">{{ trans('admin.front_end') }}</a> <span class="bi bi-caret-right theme_text_color"></span> {{$section}}

    </div>
</div>
<div class="container-full">

    <form action="{{url('frontend/update')}}" method="POST" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="section" value="{{$section}}">
        <div class="card p-3 m-2">
        @php
            if(@Request::segment(4) != '' ){
                $default = @Request::segment(4);

            }
        @endphp
        @if (session()->has('success'))
            <div class="alert alert-success">
            {{session()->get('success')}}

            </div>
        @endif
            <div class="row">
                <div class="col-sm-12">
                    <div class="row mb-2">
                        <div class="col-sm-6 col-md-2 text-end fw-bold">
                            <label for="language">{{ trans('admin.select_language') }}</label>
                        </div>
                        <div class="col-sm-6 col-md-9 offset-md-1">

                            <select name="language" id="language" class="form-select @error('language') is-invalid @enderror">
                                <option value="">{{ trans('admin.select') }}</option>
                                @foreach ($language as $item)
                                    <option value="{{$item->abbr}}" @if($item->abbr == $default) selected @endif>
                                        {{$item->name}}
                                    </option>
                                @endforeach
                            </select>
                            @error('language')<small class="text-danger"> {{$message}} </small> @enderror
                            <hr class="bg-secondary">
                        </div>
                    </div>
                    @php
                        if(!isset($data['title'][$default])){
                            $default = 'en';
                        }
                    @endphp
                    <div class="row py-3">
                        <div class="col-sm-6 col-md-2 text-end fw-bold">
                            {{ trans('admin.colors') }}
                        </div>
                        <div class="col-sm-6 col-md-9 offset-md-1">
                            <div class="row">
                                <div class="col-4 d-none">
                                    <label for="exampleInputEmail1" class="form-label">{{ trans('admin.text_color') }}</label>
                                    <input type="color" class="form-control  @error('text_color') is-invalid @enderror form-control-color" name="text_color"  id="exampleColorInput" value="{{$data['colors']['text_color']}}" title="Choose your color">
                                    <small class="text-danger">@error('text_color') {{$message}} @enderror </small>
                                </div>
                                <div class="col-4 d-none">
                                    <label for="exampleInputEmail1" class="form-label">{{ trans('admin.heading_color') }}</label>
                                    <input type="color" class="form-control  @error('heading_color') is-invalid @enderror form-control-color" name="heading_color"  id="exampleColorInput" value="{{$data['colors']['heading_color']}}" title="Choose your color">
                                    <small class="text-danger">@error('heading_color') {{$message}} @enderror </small>
                                </div>
                                <div class="col-12">
                                    <label for="exampleInputPassword1" class="form-label">{{ trans('admin.background_color') }}</label>
                                    <input type="color" class="form-control  @error('background_color') is-invalid @enderror form-control-color"  name="background_color" id="exampleColorInput" value="{{$data['colors']['background_color']}}" title="Choose your color">
                                    <small class="text-danger"> @error('background_color') {{$message}} @enderror </small>
                                </div>
                            </div>
                            <hr class="bg-secondary">
                        </div>
                    </div>
                    <div class="row py-3">
                        <div class="col-sm-6 col-md-2 text-end fw-bold">
                            {{ trans('admin.photo') }}
                        </div>
                        <div class="col-sm-6 col-md-9 offset-md-1">
                            <label class="upload-btn-wrapper bg-light_c" for="file"> <span class="text_img">{{ trans('admin.photo') }}</span>
                                <img src="{{asset($content_data['photo'])}}" class="img-fluid" alt="" id="preview">
                            </label>
                            <input type="file" name="photo" id="file" class="d-none" onchange="imgPreview(event)" />
                            <small class="text-danger"> @error('photo') {{$message}} @enderror </small>
                            <hr class="bg-secondary">
                        </div>
                    </div>

                    {{-- stores link --}}
                    <div class="row py-3">
                        <div class="col-sm-6 col-md-2 text-end fw-bold">
                           {{ trans('admin.app_links') }}
                        </div>
                        <div class="col-sm-6 col-md-9 offset-md-1">
                            <div class="form-group mb-3">
                                <label for="">{{ trans('admin.app_store') }}</label>
                                <input type="text" name="appstore" class="form-control  @error('appstore') is-invalid @enderror" value="{!!$content_data['appstore_link']!!}">
                                <small class="text-danger"> @error('appstore') {{$message}} @enderror </small>
                            </div>
                            <div class="form-group mb-3">
                                <label for="">{{ trans('admin.google_store') }}</label>
                                <input type="text" name="playstore" class="form-control  @error('playstore') is-invalid @enderror" value="{!!$content_data['playstore_link']!!}">
                                <small class="text-danger"> @error('playstore') {{$message}} @enderror </small>
                            </div>
                            <hr class="bg-secondary">
                        </div>
                    </div>
                    <div class="row py-3">
                        <div class="col-sm-6 col-md-2 text-end fw-bold">
                            {{ trans('admin.content') }}
                        </div>
                        <div class="col-sm-6 col-md-9 offset-md-1">
                            <div class="form-group mb-3">
                                <label for="">{{ trans('admin.title') }}</label>
                                <textarea type="text" name="title" id=""  class="form-control  @error('title') is-invalid @enderror">{!!$content_data['title'][$default]!!}</textarea>
                                <small class="text-danger"> @error('title') {{$message}} @enderror </small>
                            </div>
                            <div class="form-group">
                                <label for="">{{ trans('admin.description') }}</label>
                                <textarea name="description" id="description"  class="form-control  @error('description') is-invalid @enderror">{!!$content_data['description'][$default]!!}</textarea>
                                <small class="text-danger"> @error('description') {{$message}} @enderror </small>
                            </div>
                            <hr class="bg-secondary">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 text-end">
                        <button type="submit" class="btn btn-warning col-bt rounded-pill text-white">{{ trans('admin.update') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
</div>

@endsection
@section('custom-js')
<script src="//cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
<script>
    CKEDITOR.replace( 'title' );
    CKEDITOR.replace( 'description' );

    function imgPreview(event) {
        var preview = document.getElementById("preview");
        preview.src = URL.createObjectURL(event.target.files[0]);
    }

    $("#language").change(function(){
        url = "{{'/'.@Request::segment(1).'/'.@Request::segment(2).'/'.@Request::segment(3).'/'}}"+$(this).val();
        window.location.href = url
    })

</script>
@include('admin.frontend.frontendJS')
@endsection