@extends('admin.layouts.master')
@section('title', 'Color Option - Admin')
@section('maincontent')
@component('components.breadcumb',['fourthactive' => 'active'])
@slot('heading')
   {{ __('Color Settings') }}
@endslot
@slot('menu1')
{{ __('Color Settings') }}
@endslot

@slot('button')
<div class="col-md-4 col-lg-4">
  <div class="widgetbar">
      <a href="{{ route('coloroption.reset') }}" class="btn btn-primary-rgba"><i class="feather icon-plus mr-2"></i>{{ __("Reset")}}</a>
    
          <a href="{{url('theme/settings')}}" class="btn btn-primary-rgba"><i class="feather icon-arrow-left mr-2"></i>{{ __("Back")}}</a>
      </div>                        
</div>

@endslot
@endcomponent
<div class="contentbar">
    <div class="row">
@if ($errors->any())  
  <div class="alert alert-danger" role="alert">
  @foreach($errors->all() as $error)     
  <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
  <span aria-hidden="true" style="color:red;">&times;</span></button></p>
      @endforeach  
  </div>
  @endif
  
    <!-- row started -->
    <div class="col-lg-12">
    
        <div class="card m-b-30">
        	
                <!-- Card header will display you the heading -->
                <div class="card-header">
                    <h5 class="card-box">{{ __('ColorSettings') }}</h5>
                </div> 
               
                <!-- card body started -->
                <div class="card-body">
                 <!-- form start -->
				  <form action="{{ url('admin/coloroption/update') }}" method="POST" enctype="multipart/form-data">
		                @csrf
                        <!-- row start -->
                        <div class="row">
                            <div class="col-md-12">
                                <!-- card start -->
                                <div class="card">
                                    <!-- card body start -->
                                    <div class="card-body">
                                        <!-- row start -->
                                          <div class="row">
										 
                                              <div class="col-md-12">
                                                  <!-- row start -->
												  
                                                  <div class="row">
                                                    
                                                    <!-- BlueBackground -->
													
												
                                                    <div class="col-md-6">
													
                                                        <div class="form-group">
															<label class="text-dark" for="blue_bg">{{ __('BlueBackground') }}:</label>
															<input name="blue_bg" class="form-control" type="color" value="{{ optional($color)['blue_bg'] }}"/>
															
														
                                                        </div>
                                                    </div>

                                                    <!-- image 1 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
															<img src="{{ url('images/screenshot/18.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- RedBackground -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('RedBackground') }} :</label>
															<input name="red_bg" class="form-control" type="color" value="{{ optional($color)['red_bg'] }}"/>
														
                                                        </div>
                                                    </div>

                                                    <!-- image 2 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
															<img src="{{ url('images/screenshot/19.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- Grey Background -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Grey Background') }} :</label>
																<input name="grey_bg" class="form-control" type="color" value="{{ optional($color)['grey_bg'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 3 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
															<img src="{{ url('images/screenshot/15.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- Light Grey Background -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Light Grey Background') }} :</label>
															
																<input name="light_grey_bg" class="form-control" type="color" value="{{ optional($color)['light_grey_bg'] }}"/>
														
                                                        </div>
                                                    </div>

                                                    <!-- image 4 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
															<img src="{{ url('images/screenshot/17.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- Black Background -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Black Background') }} :</label>
															
															<input name="black_bg" class="form-control" type="color" value="{{ optional($color)['black_bg'] }}"/>
															
														
                                                        </div>
                                                    </div>

                                                    <!-- image 5 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
															<img src="{{ url('images/screenshot/16.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- White Background -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('White Background') }} :</label>
																<input name="white_bg" class="form-control" type="color" value="{{ optional($color)['white_bg'] }}"/>
																
														
                                                        </div>
                                                    </div>

                                                    <!-- image 6 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
															
                                                        </div>
                                                    </div>

													<!-- Deep Red Background -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Deep Red Background') }} :</label>
																<input name="dark_red_bg" class="form-control" type="color" value="{{ optional($color)['dark_red_bg'] }}"/>
																
															
                                                        </div>
                                                    </div>

                                                    <!-- image 7 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/14.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

                                                  </div><!-- row end -->
                                              </div><!-- col end -->
                                          </div>
										  <hr>
										  <!-- row end -->

										   <!-- row start -->
										   <div class="row">
                                              
                                              <div class="col-md-12">
                                                  <!-- row start -->
												  <!-- <div>
                                                  <h5 class="card-title">{{ __('Text Color') }}</h5>
												    </div> -->
                                                  <div class="row">
                                                    
													<!-- Text Color Background -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Black Text') }} :</label>
																<input name="black_text" class="form-control" type="color" value="{{ optional($color)['black_text'] }}"/>
														
                                                        </div>
                                                    </div>

                                                    <!-- image 7 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/12.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- Light Grey Text -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Light Grey Text') }} :</label>
																<input name="light_grey_text" class="form-control" type="color" value="{{ optional($color)['black_text'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 8 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/11.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- Dark Grey Text -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Dark Grey Text') }} :</label>
																<input name="dark_grey_text" class="form-control" type="color" value="{{ optional($color)['dark_grey_text'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 9 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/10.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- Red Text -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Red Text') }} :</label>
															<input name="red_text" class="form-control" type="color" value="{{ optional($color)['red_text'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 10 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/9.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- Blue Text -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Blue Text') }} :</label>
															<input name="blue_text" class="form-control" type="color" value="{{ optional($color)['blue_text'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 11 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/8.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- Dark Blue Text -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Dark Blue Text') }} :</label>
															<input name="dark_blue_text" class="form-control" type="color" value="{{ optional($color)['dark_blue_text'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 12 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/8.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

													<!-- White Text -->
													<div class="col-md-6">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('White Text') }} :</label>
																<input name="white_text" class="form-control" type="color" value="{{ optional($color)['white_text'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 13 -->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/6.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>
                                                    

                                                  </div><!-- row end -->
                                              </div><!-- col end -->
                                          </div>
										  <hr>
										  <!-- row end -->
											
										     <!-- row start -->
											 <div class="row">
                                              
                                              <div class="col-md-12">
                                                  <!-- row start -->
												    <!-- <div>
                                                    <h5 class="card-title">{{ __('Gradient Background Color') }}</h5>
													</div> -->
                                                  <div class="row">
                                                    
													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
																<input name="linear_bg_one" class="form-control" type="color" value="{{ optional($color)['linear_bg_one'] }}"/>
															
                                                        </div>
                                                    </div>

													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
															<input name="linear_bg_two" class="form-control" type="color" value="{{ optional($color)['linear_bg_two'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 14 -->
                                                    <div class="col-md-4">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/6.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>
                                                                  
                                                  </div><!-- row end -->
                                              </div><!-- col end -->
                                          </div>
                                          <hr>
										  <!-- row end -->

                                            <!-- Reverse Background Gradient Color -->
                                            <!-- row start -->
											 <div class="row">
                                              
                                              <div class="col-md-12">
                                                  <!-- row start -->
												    <!-- <div>
                                                    <h5 class="card-title">{{ __('Reverse Background Gradient Color') }}</h5>
													</div> -->
                                                  <div class="row">
                                                    
													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
																<input name="linear_reverse_bg_one" class="form-control" type="color" value="{{ optional($color)['linear_reverse_bg_one'] }}"/>
															
                                                        </div>
                                                    </div>

													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
															<input name="linear_reverse_bg_two" class="form-control" type="color" value="{{ optional($color)['linear_reverse_bg_two'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 15 -->
                                                    <div class="col-md-4">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/2.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

                                                  </div><!-- row end -->
                                              </div><!-- col end -->
                                          </div>
                                          <hr>
										  <!-- row end -->

                                          <!-- About Gradient Background Color -->
                                            <!-- row start -->
											 <div class="row">
                                              
                                              <div class="col-md-12">
                                                  <!-- row start -->
												    <!-- <div>
                                                    <h5 class="card-title">{{ __('About Gradient Background Color') }}</h5>
													</div> -->
                                                  <div class="row">
                                                    
													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
																<input name="linear_about_bg_one" class="form-control" type="color" value="{{ optional($color)['linear_about_bg_one'] }}"/>
															
                                                        </div>
                                                    </div>

													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
															<input name="linear_about_bg_two" class="form-control" type="color" value="{{ optional($color)['linear_about_bg_two'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 16 -->
                                                    <div class="col-md-4">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/3.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

                                                  </div><!-- row end -->
                                              </div><!-- col end -->
                                          </div>
										  <!-- row end -->

                                            <!--About Gradient Background Color Two -->
                                            <!-- row start -->
											 <div class="row">
                                              
                                              <div class="col-md-12">
                                                  <!-- row start -->
												    <!-- <div>
                                                    <h5 class="card-title">{{ __('About Gradient Background Color Two') }}</h5>
													</div> -->
                                                  <div class="row">
                                                    
													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
															<input name="linear_about_bluebg_one" class="form-control" type="color" value="{{ optional($color)['linear_about_bluebg_one'] }}"/>
															
                                                        </div>
                                                    </div>

													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
																<input name="linear_about_bluebg_two" class="form-control" type="color" value="{{ optional($color)['linear_about_bluebg_two'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 16 -->
                                                    <div class="col-md-4">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/4.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>

                                                  </div><!-- row end -->
                                              </div><!-- col end -->
                                          </div>
                                          <hr>
										  <!-- row end -->

                                           <!--Career Gradient Background Color -->
                                            <!-- row start -->
											 <div class="row">
                                              
                                              <div class="col-md-12">
                                                  <!-- row start -->
												    <!-- <div>
                                                    <h5 class="card-title">{{ __('Career Gradient Background Color') }}</h5>
													</div> -->
                                                  <div class="row">
                                                    
													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
															<input name="linear_career_bg_one" class="form-control" type="color" value="{{ optional($color)['linear_career_bg_one'] }}"/>
															
                                                        </div>
                                                    </div>

													<!-- Gradient Background Color -->
													<div class="col-md-4">
                                                        <div class="form-group">
															<label class="text-dark" for="red_bg">{{ __('Gradient Background') }} :</label>
															<input name="linear_career_bg_two" class="form-control" type="color" value="{{ optional($color)['linear_career_bg_two'] }}"/>
															
                                                        </div>
                                                    </div>

                                                    <!-- image 16 -->
                                                    <div class="col-md-4">
                                                        <div class="form-group">
														<img src="{{ url('images/screenshot/5.png') }}" class="img-thumbnail" width="400px" height="400px">
                                                        </div>
                                                    </div>
                                                                  
                                                    <!-- update and reset button -->
                                                    <div class="col-md-12">
                                                        <button type="reset" class="btn btn-danger-rgba mr-1"><i class="fa fa-ban"></i> {{ __("Reset")}}</button>
                                                        <button type="submit" class="btn btn-primary-rgba"><i class="fa fa-check-circle"></i>
                                                            {{ __("Update")}}</button>
                                                    </div>
                                                   

                                                  </div><!-- row end -->
                                              </div><!-- col end -->
                                          </div>
										  <!-- row end -->



                                    </div><!-- card body end -->
                                </div><!-- card end -->
                            </div><!-- col end -->
                        </div><!-- row end -->
                  </form>
                  <!-- form end -->
                </div><!-- card body end -->
            
        </div><!-- col end -->
    </div>
</div>
</div><!-- row end -->
    <br><br>
@endsection
<!-- main content section ended -->