{!! Html::style('js/fileinput/fileinput.css') !!}
{!! Html::style('js/fileinput/themes/explorer/theme.css') !!}
{!! Html::script('js/fileinput/plugins/sortable.min.js') !!}
{!! Html::script('js/fileinput/fileinput.js') !!}
{!! Html::script('js/fileinput/themes/explorer/theme.js') !!}

{!! Html::script('js/ckeditor/ckeditor.js') !!}
{!! Html::script('js/cke_config.js') !!}

<!--.box-body Other-->
<div class="box-body">
  @if (isset($home->thumb))
  @if ($home->thumb!="")
  @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->thumb))
  <div id="thumb-{{ $home->id }}" class="form-group">
    <div class="col-sm-2"></div>
    <div class="col-sm-5">
      <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->thumb) }}" height="200"
        class="img-responsive"><br>
      @if (isset($action_page) && $action_page!="view")
      <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','thumb')"><i
          class="fa fa-fw fa-remove"></i>Remove</a>
      @endif
    </div>
  </div>
  @endif
  @endif
  @endif


  <div class="form-group">
    {!! Form::label("thumb", "Thumb", ['class' => 'col-sm-2 control-label','for'=>'thumb']) !!}
    <div class="col-sm-5">
      {!! Form::file('thumb', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"]) !!}
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-12">
      <div class="panel">
        <div class="col-sm-5">
          <ul class="nav nav-tabs nav-tabs-primary nav-justified">
            <li class="active">
              <input type="checkbox" name="status_th" id="status_th" value="Y"
                style="position: absolute;top: 35%;z-index: 2;" checked disabled />
              <a href="#justified-tab-1" class="text-left" data-toggle="tab" aria-expanded="true">Thai</a>
            </li>
            <li class="col-sm-3">
              <input type="checkbox" name="status_en" id="status_en" value="Y"
                style="position: absolute;top: 35%;z-index: 2;" @if(!isset($home) || @$home->status_en==="Y") checked
              @endif />
              <a href="#justified-tab-2" class="text-left" data-toggle="tab" aria-expanded="true">Eng</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="tab-content m-b-0" style="clear: both;">
        <div class="tab-pane fade active in" id="justified-tab-1">
          <div class="row">
            {{-- banner_th --}}
            @if (isset($home->banner_th))
            @if ($home->banner_th!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->banner_th))
            <div id="banner_th-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->banner_th) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','banner_th')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("banner_th", "Banner", ['class' => 'col-sm-2 control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('banner_th', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"]) !!}
              </div>
            </div>
            {{-- banner_th --}}


            <div class="form-group">
              {!! HTML::decode(Form::label("title_th", "ชื่อ <em style='color:red'>*</em>", ['class' => 'col-sm-2
              control-label','for'=>'title_th'])) !!}
              <div class="col-sm-5">
                {!! Form::text("title_th", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'title_th',"isRequired"=>"กรุณาใส่ชื่อภาษาไทย","disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("content_th", "รายละเอียด", ['class' => 'col-sm-2 control-label','for'=>'content_th']) !!}
              <div class="col-sm-5">
                {!! Form::textarea("content_th", null, ['class' =>'form-control class_ckeditor','size' =>
                '50x3','placeholder'=>"",'id'=>'content_th',"disabled"=>@$arr_data['disabled_data']]) !!}
              </div>
            </div>

            {{-- #1 --}}
            @if (isset($home->service_img1_th))
            @if ($home->service_img1_th!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img1_th))
            <div id="service_img1_th-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img1_th) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','service_img1_th')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("service_img1_th", "service image#1", ['class' => 'col-sm-2
              control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('service_img1_th', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("service_title1_th", "ชื่อ#1", ['class' => 'col-sm-2
              control-label','for'=>'service_title1_th']) !!}
              <div class="col-sm-5">
                {!! Form::text("service_title1_th", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'service_title1_th',"disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>
            {{-- #1 --}}


            {{-- #2 --}}
            @if (isset($home->service_img2_th))
            @if ($home->service_img2_th!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img2_th))
            <div id="service_img2_th-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img2_th) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','service_img2_th')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("service_img2_th", "service image#2", ['class' => 'col-sm-2
              control-label','for'=>'service_img2_th']) !!}
              <div class="col-sm-5">
                {!! Form::file('service_img2_th', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("service_title2_th", "ชื่อ#2", ['class' => 'col-sm-2
              control-label','for'=>'service_title2_th']) !!}
              <div class="col-sm-5">
                {!! Form::text("service_title2_th", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'service_title2_th',"disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>
            {{-- #2 --}}


            {{-- #3 --}}
            @if (isset($home->service_img3_th))
            @if ($home->service_img3_th!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img3_th))
            <div id="service_img3_th-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img3_th) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','service_img3_th')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("service_img3_th", "service image#3", ['class' => 'col-sm-2
              control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('service_img3_th', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("service_title3_th", "ชื่อ#3", ['class' => 'col-sm-2
              control-label','for'=>'service_title3_th']) !!}
              <div class="col-sm-5">
                {!! Form::text("service_title3_th", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'service_title3_th',"disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>
            {{-- #3 --}}


            {{-- #4 --}}
            @if (isset($home->service_img4_th))
            @if ($home->service_img4_th!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img4_th))
            <div id="service_img4_th-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img4_th) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','service_img4_th')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("service_img4_th", "service image#4", ['class' => 'col-sm-2
              control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('service_img4_th', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("service_title4_th", "ชื่อ#4", ['class' => 'col-sm-2
              control-label','for'=>'service_title4_th']) !!}
              <div class="col-sm-5">
                {!! Form::text("service_title4_th", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'service_title4_th',"disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>
            {{-- #4 --}}

          </div>
        </div>
        <div class="tab-pane fade" id="justified-tab-2">
          <div class="row">
            {{-- banner_en --}}
            @if (isset($home->banner_en))
            @if ($home->banner_en!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->banner_en))
            <div id="banner_en-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->banner_en) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','banner_en')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("banner_en", "Banner", ['class' => 'col-sm-2 control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('banner_en', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"]) !!}
              </div>
            </div>
            {{-- banner_en --}}

            <div class="form-group">
              {!! Form::label("title_en", "ชื่อ", ['class' => 'col-sm-2 control-label','for'=>'title_en']) !!}
              <div class="col-sm-5">
                {!! Form::text("title_en", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'title_en',"disabled"=>@$arr_data['disabled_data']]) !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("content_en", "รายละเอียด", ['class' => 'col-sm-2 control-label','for'=>'content_en']) !!}
              <div class="col-sm-5">
                {!! Form::textarea("content_en", null, ['class' =>'form-control class_ckeditor','size' =>
                '50x3','placeholder'=>"",'id'=>'content_en',"disabled"=>@$arr_data['disabled_data']]) !!}
              </div>
            </div>


            {{-- #1 --}}
            @if (isset($home->service_img1_en))
            @if ($home->service_img1_en!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img1_en))
            <div id="service_img1_en-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img1_en) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','service_img1_en')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("service_img1_en", "service image#1", ['class' => 'col-sm-2
              control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('service_img1_en', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("service_title1_en", "ชื่อ#1", ['class' => 'col-sm-2
              control-label','for'=>'service_title1_en']) !!}
              <div class="col-sm-5">
                {!! Form::text("service_title1_en", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'service_title1_en',"disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>
            {{-- #1 --}}


            {{-- #2 --}}
            @if (isset($home->service_img2_en))
            @if ($home->service_img2_en!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img2_en))
            <div id="service_img2_en-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img2_en) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','service_img2_en')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("service_img2_en", "service image#2", ['class' => 'col-sm-2
              control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('service_img2_en', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("service_title2_en", "ชื่อ#2", ['class' => 'col-sm-2
              control-label','for'=>'service_title2_en']) !!}
              <div class="col-sm-5">
                {!! Form::text("service_title2_en", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'service_title2_en',"disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>
            {{-- #2 --}}


            {{-- #3 --}}
            @if (isset($home->service_img3_en))
            @if ($home->service_img3_en!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img3_en))
            <div id="service_img3_en-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img3_en) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','service_img3_en')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("service_img3_en", "service image#3", ['class' => 'col-sm-2
              control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('service_img3_en', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("service_title3_en", "ชื่อ#3", ['class' => 'col-sm-2
              control-label','for'=>'service_title3_en']) !!}
              <div class="col-sm-5">
                {!! Form::text("service_title3_en", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'service_title3_en',"disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>
            {{-- #3 --}}


            {{-- #4 --}}
            @if (isset($home->service_img4_en))
            @if ($home->service_img4_en!="")
            @if (file_exists(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img4_en))
            <div id="service_img4_en-{{ $home->id }}" class="form-group">
              <div class="col-sm-2"></div>
              <div class="col-sm-5">
                <img src="{{ url(config('config.config_pathUpload').'/home/'.$pathDate.'/'.$home->service_img4_en) }}"
                  height="50" class="img-responsive"><br>
                @if (isset($action_page) && $action_page!="view")
                <a href="javascript:void(0)" onclick="js_removeFile('home','{{ $home->id }}','service_img4_en')"><i
                    class="fa fa-fw fa-remove"></i>Remove</a>
                @endif
              </div>
            </div>
            @endif
            @endif
            @endif


            <div class="form-group">
              {!! Form::label("service_img4_en", "service image#4", ['class' => 'col-sm-2
              control-label','for'=>'thumb']) !!}
              <div class="col-sm-5">
                {!! Form::file('service_img4_en', ['class' =>'form-control','accept'=>"image/jpeg,image/png,image/gif"])
                !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label("service_title4_en", "ชื่อ#4", ['class' => 'col-sm-2
              control-label','for'=>'service_title4_en']) !!}
              <div class="col-sm-5">
                {!! Form::text("service_title4_en", null, ['class'
                =>'form-control','placeholder'=>"",'id'=>'service_title4_en',"disabled"=>@$arr_data['disabled_data']])
                !!}
              </div>
            </div>
            {{-- #4 --}}

          </div>
        </div>
      </div>
    </div>
  </div>





</div>
<!-- /.box-body Other-->

<div class="box-footer">
  <div class="form-group">
    <div class="col-sm-2">&nbsp;</div>
    <div class="col-sm-7">
      {!! Form::submit($submitButtonText, ['class'=>'btn btn-success width-100 m-r-5']) !!}
      <button type="button" onclick="location='{{ Route('cms-home-edit') }}'"
        class="btn btn-default width-100 m-r-5">Cancel</button>
    </div>
  </div>
</div>
<!-- /.box-footer -->

<script type="text/javascript">
  var submitted = false;
  $(document).ready(function(){
      $("#frmHome").on("submit",function()
      {
        var hasError = false;
        if (!$("#msgError").hasClass("hidden"))
        {
          $("#msgError").addClass("hidden");
        }

        var response = jsValidInput();
        var html = "";
        if (response.isError)
        {
          var msg = response.msg;
          $.each(msg,function(index,data){
            html += "<li>"+data+"</li>";
          })

          $("#msgError").html(html);
          $("#msgError").removeClass("hidden");

          $('html,body').animate({
            scrollTop: 0
          }, 700);

          hasError = true;
        }

        return !hasError;
      })

      $(window).on("load resize",(function() {
        /* Act on the event */
          setTimeout(function(){
                $('.class_ckeditor').each(function(index, el) {
                  CKEDITOR.replace($('.class_ckeditor:eq('+index+')').attr('id'),cke_config);
                });
            },200);
        })
      );
  })
</script>