<div class="panel panel-primary">
  <div class="panel-heading">
    <h2><?php echo app('translator')->getFromJson('backend.color-setting'); ?></h2>
  </div>

  <?php echo Form::open(['url' => route('saveColor'),'method' => 'post']); ?>

    <?php echo Form::hidden('idcolor',App\Settings::where(['setting_name'=>'webColor'])->first()->id); ?>

    <div class="panel-body">
      <?php if(Session::has('message-color')): ?>
        <div id="message-color" class="alert <?php echo e(Session::get('alert-class')); ?> alert-dismissible" role="alert">
          <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <p><?php echo e(Session::get('message-color')); ?></p>
        </div>
      <?php endif; ?>
      <div class="form-group col-xs-12 col-sm-3">
        <?php echo Form::label('color[]', __('backend.main-color'),['class'=>'control-label']); ?>

        <div class="">
          <?php echo Form::text('color[]',$webColor[0],['class'=>'form-control jscolor']); ?>

        </div>
      </div>
      <div class="form-group col-xs-12 col-sm-3">
        <?php echo Form::label('color[]',__('backend.background-color'),['class'=>'control-label']); ?>

        <div class="">
          <?php echo Form::text('color[]',$webColor[1],['class'=>'form-control jscolor']); ?>

        </div>
      </div>
      <div class="form-group col-xs-12 col-sm-3">
        <?php echo Form::label('color[]',__('backend.foreground-color'),['class'=>'control-label']); ?>

        <div class="">
          <?php echo Form::text('color[]',$webColor[2],['class'=>'form-control jscolor']); ?>

        </div>
      </div>
      <div class="form-group col-xs-12 col-sm-3">
        <?php echo Form::label('color[]',__('backend.text-color'),['class'=>'control-label']); ?>

        <div class="">
          <?php echo Form::text('color[]',$webColor[3],['class'=>'form-control jscolor']); ?>

        </div>
      </div>

      <div class="col-xs-12">
        <hr/>
      </div>

      
      <?php echo Form::hidden('idbtncolor',App\Settings::where(['setting_name'=>'btnColor'])->first()->id); ?>

      <div class="form-group col-xs-12 col-sm-3">
        <?php echo Form::label('btn_color[]', __('backend.button-background-color'),['class'=>'control-label']); ?>

        <div class="">
          <?php echo Form::text('btn_color[]',$btnColor[0],['class'=>'form-control jscolor','data-id'=>'bgcolor']); ?>

        </div>
      </div>
      <div class="form-group col-xs-12 col-sm-3">
        <?php echo Form::label('btn_color[]',__('backend.button-text-color'),['class'=>'control-label']); ?>

        <div class="">
          <?php echo Form::text('btn_color[]',$btnColor[1],['class'=>'form-control jscolor','data-id'=>'txtcolor']); ?>

        </div>
      </div>
      <div class="form-group col-xs-12 col-sm-3">
        <?php echo Form::label('btn_color[]',__('backend.button-background-color-hover'),['class'=>'control-label']); ?>

        <div class="">
          <?php echo Form::text('btn_color[]',$btnColor[2],['class'=>'form-control jscolor','data-id'=>'bgcolorhover']); ?>

        </div>
      </div>
      <div class="form-group col-xs-12 col-sm-3">
        <?php echo Form::label('btn_color[]',__('backend.button-text-color-hover'),['class'=>'control-label']); ?>

        <div class="">
          <?php echo Form::text('btn_color[]',$btnColor[3],['class'=>'form-control jscolor','data-id'=>'txtcolorhover']); ?>

        </div>
      </div>

      <style id="styleBtnBgColor">
        #btnExample{background-color: #<?php echo e($btnColor[0]); ?>}
      </style>
      <style id="styleBtnTxtColor">
        #btnExample{color: #<?php echo e($btnColor[1]); ?>}
      </style>
      <style id="styleBtnBgColorHover">
        #btnExample:hover{background-color: #<?php echo e($btnColor[2]); ?>}
      </style>
      <style id="styleBtnTxtColorHover">
        #btnExample:hover{color: #<?php echo e($btnColor[3]); ?>}
      </style>

      <div class="form-group col-xs-12 text-center">
        <label class="control-label"><?php echo app('translator')->getFromJson('backend.example'); ?></label>
        <div class="well">
          <a id="btnExample" class="btn btn-default btn-lg"><?php echo app('translator')->getFromJson('backend.example-button'); ?></a>
        </div>
      </div>

      <div class="col-xs-12">
        <hr/>
      </div>

      
      <?php echo Form::hidden('idtxtbannercolor',App\Settings::where(['setting_name'=>'txtBannerColor'])->first()->id); ?>

      <div class="col-xs-12 col-sm-6">
        <div class="well">
          <div class="row">
            <div class="form-group col-xs-12 col-sm-6">
              <?php echo Form::label('text_onbanner',__('backend.text-on-banner-color'),['class'=>'control-label']); ?>

              <div class="">
                <?php echo Form::text('text_onbanner',$txtBannerColor,['class'=>'form-control jscolor']); ?>

              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <label class="coltrol-label"><?php echo app('translator')->getFromJson('backend.example'); ?></label>
              <div id="textOnBannerExample" class="banner-img">
                <img src="https://placeimg.com/250/75/arch">
                <div class="banner-content">
                  <div class="content-text" style="color : #<?php echo e($txtBannerColor); ?>">
                    <h2><?php echo app('translator')->getFromJson('backend.example-button'); ?></h2>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      
      <?php echo Form::hidden('idnavbarcolor',App\Settings::where(['setting_name'=>'navbarColor'])->first()->id); ?>

      <div class="col-xs-12 col-sm-6">
        <div class="well">
          <div class="row">
            <div class="form-group col-xs-12 col-sm-6" style="margin-bottom: 2px">
              <?php echo Form::label('panel_color[]',__('backend.navbar-divider-card-color'),['class'=>'control-label']); ?>

              <i class="fa fa-question-circle" aria-hidden="true" data-toggle="popover" data-placement="top" title="Navbar / Divider / Card Color" data-content="Select 2 different colors to make it gradient, select 2 same colors to make it 1 color"></i>
              <div class="">
                <?php echo Form::text('panel_color[]',$navbarColor[0],['class'=>'form-control jscolor','data-id'=>'color1']); ?>

              </div>
              <div class="" style="margin-top:5px">
                <?php echo Form::text('panel_color[]',$navbarColor[1],['class'=>'form-control jscolor','data-id'=>'color2']); ?>

              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <style id="panelColorStyle">
                #panelColor{
                  background: #<?php echo e($navbarColor[0]); ?>;
                  background: -webkit-linear-gradient(#<?php echo e($navbarColor[0]); ?>, #<?php echo e($navbarColor[1]); ?>);
                  background: -o-linear-gradient(#<?php echo e($navbarColor[0]); ?>, #<?php echo e($navbarColor[1]); ?>);
                  background: -moz-linear-gradient(#<?php echo e($navbarColor[0]); ?>, #<?php echo e($navbarColor[1]); ?>);
                  background: linear-gradient(#<?php echo e($navbarColor[0]); ?>, #<?php echo e($navbarColor[1]); ?>);
                }
              </style>
              <label class="coltrol-label"><?php echo app('translator')->getFromJson('backend.example'); ?></label>
              <div id="panelColor">
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
    <div class="modal-footer">
      <button type="submit" class="btn btn-primary"><?php echo app('translator')->getFromJson('backend.update'); ?></button>
    </div>
  <?php echo Form::close(); ?>

</div>
