@extends('backend.layouts.app-backend')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Home Banner</h2>
        <ol class="breadcrumb">
            <li><a href="{{route('admin.dashboard')}}">Dashboard</a></li>
            <li class="active"><strong>Home Banner</strong></li>
        </ol>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-lg-12">
            @include('layouts.message')
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Home Banner from the following form.</h5>
                </div>
                <div class="ibox-content">
                    <form method="POST" class="form-horizontal" action="{{route('admin.banner.store')}}" enctype="multipart/form-data">
                        @csrf()

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Title (*)</label>
                            <div class="col-sm-10">
                                <input name="title" type="text" class="form-control" value="{{old('title',$home->title ?? '')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Description (*)</label>
                            <div class="col-sm-10">
                                <textarea name="description" type="text" class="form-control textarea" rows="10"> {{old('description',$home->description ?? '')}}</textarea> 
                            </div>
                        </div>

                        <div class="hr-line-dashed"></div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Image 1 (*)</label>
                            <div class="col-sm-10">
                                <div class="fileinput  @if( isset( $home->image1 ) ) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                                      @if(isset($home->image1))
                                          <img src="{{asset('banner/'.$home->image1)}}">
                                      @endif
                                    </div>
                                    <div>
                                      <span class="btn btn-primary btn-file">
                                          <span class="fileinput-new">Select image</span>
                                          <span class="fileinput-exists">Change</span>
                                          <input type="hidden" name="image1" value="{{isset($home->image1) ? $home->image1 : ''}}">
                                          <input id="image1" name="image1" type="file" class="form-control" accept="image/*"/>
                                      </span>
                                       <a href="#" class="btn btn-danger fileinput-exists"
                                          data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Image 2 (*)</label>
                            <div class="col-sm-10">
                                <div class="fileinput  @if( isset( $home->image2 ) ) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                                      @if(isset($home->image2))
                                          <img src="{{asset('banner/'.$home->image2)}}">
                                      @endif
                                    </div>
                                    <div>
                                      <span class="btn btn-primary btn-file">
                                          <span class="fileinput-new">Select image</span>
                                          <span class="fileinput-exists">Change</span>
                                          <input type="hidden" name="image2" value="{{isset($home->image2) ? $home->image2 : ''}}">
                                          <input id="image2" name="image2" type="file" class="form-control" accept="image/*"/>
                                      </span>
                                       <a href="#" class="btn btn-danger fileinput-exists"
                                          data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                       

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Image 3 (*)</label>
                            <div class="col-sm-10">
                                <div class="fileinput  @if( isset( $home->image3 ) ) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                                      @if(isset($home->image3))
                                          <img src="{{asset('banner/'.$home->image3)}}">
                                      @endif
                                    </div>
                                    <div>
                                      <span class="btn btn-primary btn-file">
                                          <span class="fileinput-new">Select image</span>
                                          <span class="fileinput-exists">Change</span>
                                          <input type="hidden" name="image3" value="{{isset($home->image3) ? $home->image3 : ''}}">
                                          <input id="image3" name="image3" type="file" class="form-control" accept="image/*"/>
                                      </span>
                                       <a href="#" class="btn btn-danger fileinput-exists"
                                          data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Image 4 (*)</label>
                            <div class="col-sm-10">
                                <div class="fileinput  @if( isset( $home->image4 ) ) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                                      @if(isset($home->image4))
                                          <img src="{{asset('banner/'.$home->image4)}}">
                                      @endif
                                    </div>
                                    <div>
                                      <span class="btn btn-primary btn-file">
                                          <span class="fileinput-new">Select image</span>
                                          <span class="fileinput-exists">Change</span>
                                          <input type="hidden" name="image4" value="{{isset($home->image4) ? $home->image4 : ''}}">
                                          <input id="image4" name="image4" type="file" class="form-control" accept="image/*"/>
                                      </span>
                                       <a href="#" class="btn btn-danger fileinput-exists"
                                          data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="hr-line-dashed"></div>
                       
                        <div class="hr-line-dashed"></div>
                      
                         <div class="form-group">
                            <label class="col-sm-2 control-label">Status *</label>
                            <div class="col-sm-10">
                               <div class="form-check">
                                  <input class="form-check-input" type="radio" name="status" id="status1" value="1" {{old('status',$home->status ?? '') == 1 ? 'checked' : ''}}>
                                  <label class="form-check-label" for="status1">
                                   Publish
                                  </label>
                                </div>
                                <div class="form-check">
                                  <input class="form-check-input" type="radio" name="status" id="status2" value="0" {{old('status',$home->status ?? '') == 0 ? 'checked' : ''}}>
                                  <label class="form-check-label" for="status2">
                                    Unpublish
                                  </label>
                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary" type="submit">Submit</button>
                            </div>
                        </div>


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

@section('header-style')
<link href="{{ asset('backend/jasny-bootstrap/css/jasny-bootstrap.css')}}" rel="stylesheet" />
@stop
@section('footer-scripts')
<script type="text/javascript" src="{{ asset('backend/jasny-bootstrap/js/jasny-bootstrap.js') }}"></script>
<script type="text/javascript" src="{{ asset('backend/tinymce/tinymce.min.js') }}"></script>
<script type="text/javascript">
    tinymce.init({
    selector: ".textarea",
     menubar:false,
    plugins: [
        'advlist autolink lists link image charmap print preview anchor',
        'searchreplace visualblocks code fullscreen',
        'insertdatetime media table contextmenu'
    ],
    toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image'
});

</script>
@stop