@extends('admin.layout')

@section('content')
  <section class="content">
  	<div class="row">
      <!-- left column -->
      <div class="col-md-12">
        <!-- general form elements -->
        <div class="box box-primary">
          <div class="box-header with-border">
            <h3 class="box-title">通用设置</h3>
          </div><!-- /.box-header -->
          <!-- form start -->
  
          <form action="{{ route('admin.common.store') }}" method="post">
            {{ csrf_field() }}
            <div class="box-body">
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label class="control-label">首页Logo文字</label>
                    <input name="logoword" class="form-control" placeholder="首页Logo文字" value="{{ $logoWord ? $logoWord->value : '' }}">
                  </div>
                  <div class="form-group">
                    <label class="control-label">首页Logo短文字</label>
                    <input name="logosmallword" class="form-control" rows="3" placeholder="首页Logo文字" value="{{ $logoSmallWord ? $logoSmallWord->value : '' }}">
                  </div>

                </div>
                <div class="col-md-6">
                  <div class="form-group" id="logoForm">
                    <input type="hidden" name="type" value="logo">
                    <input type="hidden" name="only" value="1">
                    <label class="control-label">首页Logo(156*38)</label>
                    <input id="logo" type="file" name="file">
                  </div>
                  <div class="form-group">
                    <img class="img-thumbnail img-lg" src="{{$logoPath}}" alt="logo预览" id="showlogo">
                  </div>
                </div>
              </div>

              <div class="row" style="margin-top: 20px;">
                <div class="col-md-6">

                  <div class="form-group">
                    <label class="control-label">公司地址</label>
                    <input name="companyaddress" class="form-control" placeholder="公司地址" value="{{ $companyAddress ? $companyAddress->value : '' }}">
                  </div>
                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label class="control-label">服务电话</label>
                        <input name="companytelphone" class="form-control" placeholder="服务电话" value="{{ $companyTelphone ? $companyTelphone->value : '' }}">
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label class="control-label">传真</label>
                        <input name="companyfax" class="form-control" placeholder="传真" value="{{ $companyFax ? $companyFax->value : '' }}">
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <label class="control-label">QQ</label>
                    <input name="companyqq" class="form-control" placeholder="QQ" value="{{ $companyQq ? $companyQq->value : '' }}">
                  </div>


                  <div class="form-group">
                    <label class="control-label">公司简介文字</label>
                    <textarea name="introword" class="form-control" rows="5" placeholder="公司简介文字">{{ $introWord ? $introWord->value : '' }}</textarea>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group" id="introForm">
                    <input type="hidden" name="type" value="intro">
                    <input type="hidden" name="only" value="1">
                    <label class="control-label">公司简介图片</label>
                    <input id="intro" type="file" name="file">
                  </div>
                  <img class="img-thumbnail img-responsive" src="{{$introPath}}" alt="公司简介图片预览" id="showintro">
                </div>
              </div>

            </div>

            <div class="box-footer">
              <button type="submit" class="btn btn-primary">提交</button>
            </div>
          </form>
        </div><!-- /.box -->

      </div>
    </div>
  </section>
@endsection

@section('js')
  <script src="{{ asset('plugins/jquery.form.js') }}"></script>
  <script>
    $(document).ready(function(){
      /*上传logo*/
      var options = {  
        target: '#logo2',          //把服务器返回的内容放入id为output的元素中      
        beforeSend: function (request) {
          request.setRequestHeader("X-CSRF-TOKEN", $("meta[name='csrf-token']").attr('content'));
        },
        beforeSubmit: function(){

        },  //提交前的回调函数  
        success: function(res){
          layer.msg(res.message);
          if(res.result){
            $("input[name='logofile']").val(res.path);
            $("#showlogo").attr('src', res.path);
          }
        },      //提交后的回调函数  
        url: "{{route('admin.upload.image')}}",                 //默认是form的action， 如果申明，则会覆盖  
        type: "post",               //默认是form的method（get or post），如果申明，则会覆盖  
        dataType: "json",           //html(默认), xml, script, json...接受服务端返回的类型  
        //clearForm: true,          //成功提交后，清除所有表单元素的值  
        //resetForm: true,          //成功提交后，重置所有表单元素的值  
        timeout: 3000               //限制请求的时间，当请求大于3秒后，跳出请求  
      };
      
      $(document).on('change', '#logo', function(){
        // $("#logoForm").ajaxSubmit();
        $("#logoForm").ajaxSubmit(options);
      });

      /*上传公司简介*/
      var options = {  
        target: '#intro',          //把服务器返回的内容放入id为output的元素中      
        beforeSend: function (request) {
          request.setRequestHeader("X-CSRF-TOKEN", $("meta[name='csrf-token']").attr('content'));
        },
        beforeSubmit: function(){

        },  //提交前的回调函数  
        success: function(res){
          layer.msg(res.message);
          if(res.result){
            $("input[name='logofile']").val(res.path);
            $("#showlogo").attr('src', res.path);
          }
        },      //提交后的回调函数  
        url: "{{route('admin.upload.image')}}",                 //默认是form的action， 如果申明，则会覆盖  
        type: "post",               //默认是form的method（get or post），如果申明，则会覆盖  
        dataType: "json",           //html(默认), xml, script, json...接受服务端返回的类型  
        //clearForm: true,          //成功提交后，清除所有表单元素的值  
        //resetForm: true,          //成功提交后，重置所有表单元素的值  
        timeout: 3000               //限制请求的时间，当请求大于3秒后，跳出请求  
      };
      
      $(document).on('change', '#intro', function(){
        // $("#logoForm").ajaxSubmit();
        $("#introForm").ajaxSubmit(options);
      });
    });
  </script>
@endsection