@extends('admin.layout')
@section('title',__('Create product'))
@section('css')
<style>
  .tab-pane{
    border-top:none;
  }
  .nav-tabs .active a{
    font-weight: 600;
    background-color: #3c8dbc!important;
    color:white!important;
  }
  .nav-tabs a{
    color:black
  }
</style>
@endsection
@section('breadcrump')
  <h1>
    {{ __('Settings') }}
  </h1>
  <ol class="breadcrumb">
    <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{__('Home')}}</a></li>
    <li class="active"><i class="fa fa-gear"></i> {{__('edit')}}</li>
  </ol>
@endsection

@section('content')
<div class="row">
   <div class="col-sm-12">
      <div class="box box-primary">
          <div class="box-header">
             <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#info">{{__('info')}}</a></li>
                <li><a data-toggle="tab" href="#social">{{__('social media')}}</a></li>
                <li><a data-toggle="tab" href="#images">{{__('images settings')}}</a></li>
                <li><a data-toggle="tab" href="#video">{{__('Home slider')}}</a></li>
                <li><a data-toggle="tab" href="#delivery">{{__('Delivery')}}</a></li>
              </ul>
          </div>
          <div class="box-body">
             <!-- form start -->
             <form action="{{url('admin/settings/update')}}" method="POST" enctype="multipart/form-data">
              @csrf
              <div class="tab-content">
                  <div class="box box-primary tab-pane fade in active" id="info" style="">
                      <div class="box-body">
                        <div class="form-group">
                          <div class="row">
                              <div class="col-sm-2">
                                  <label for="website_name_en">{{__('Website Name english')}}</label>
                                </div>
                                <div class="col-sm-6">
                                      <input type="text" class="form-control" id="website_name_en" name="website_name_en" value="{{$setting->website_name_en}}" required>     
                                </div> 
                          </div>    
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-2">
                                    <label for="website_name_ar">{{__('Website Name arabic')}}</label>
                                  </div>
                                  <div class="col-sm-6">
                                        <input type="text" class="form-control" id="website_name_ar" name="website_name_ar" value="{{$setting->website_name_ar}}" required style="direction:rtl">     
                                  </div> 
                            </div>    
                          </div>

                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="email">{{__('Email')}}</label>
                                    </div>
                                    <div class="col-sm-6">
                                          <input type="email" class="form-control" id="email" name="email" value="{{$setting->email}}" required>     
                                    </div> 
                              </div>    
                            </div>

                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="phone">{{__('Phone')}}</label>
                                    </div>
                                    <div class="col-sm-6">
                                          <input type="text" class="form-control" id="phone" name="phone" value="{{$setting->phone}}" required>     
                                    </div> 
                              </div>    
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <label for="address_en">{{__('Address English')}}</label>
                                      </div>
                                      <div class="col-sm-6">
                                            <input type="text" class="form-control" id="address_en" name="address_en" value="{{$setting->address_en}}" required>     
                                      </div> 
                                </div>    
                              </div>

                              <div class="form-group">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <label for="address_ar">{{__('Address Arabic')}}</label>
                                      </div>
                                      <div class="col-sm-6">
                                            <input type="text" class="form-control" id="address_ar" name="address_ar" style="direction:rtl" value="{{$setting->address_ar}}" required>     
                                      </div> 
                                </div>    
                              </div>

                              <div class="form-group">
                                  <div class="row">
                                      <div class="col-sm-2">
                                          <label for="copyright_en">{{__('Copyright English')}}</label>
                                        </div>
                                        <div class="col-sm-6">
                                              <input type="text" class="form-control" id="copyright_en" name="copyright_en" value="{{$setting->copyright_en}}" required>     
                                        </div> 
                                  </div>    
                                </div>

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <label for="copyright_ar">{{__('Copyright Arabic')}}</label>
                                          </div>
                                          <div class="col-sm-6">
                                                <input type="text" class="form-control" id="copyright_ar" name="copyright_ar" value="{{$setting->copyright_ar}}" style="directtion:rlt" required>     
                                          </div> 
                                    </div>    
                                  </div>

                                

                      </div><!-- /.box-body -->
                  </div><!-- /.box -->
                
                  <div class="box box-primary tab-pane fade in" id="social" style="">
                   
                      <div class="box-body">
                        
                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="facebook">{{__('Facebook')}}</label>
                                    </div>
                                    <div class="col-sm-6">
                                          <input type="text" class="form-control" id="facebook" name="facebook" value="{{$setting->facebook}}" required>     
                                    </div> 
                              </div>    
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <label for="twitter">{{__('Twitter')}}</label>
                                      </div>
                                      <div class="col-sm-6">
                                            <input type="text" class="form-control" id="twitter" name="twitter" value="{{$setting->twitter}}" required>     
                                      </div> 
                                </div>    
                              </div>

                              <div class="form-group">
                                  <div class="row">
                                      <div class="col-sm-2">
                                          <label for="instagram">{{__('Instagram')}}</label>
                                        </div>
                                        <div class="col-sm-6">
                                              <input type="text" class="form-control" id="instagram" name="instagram" value="{{$setting->instagram}}" required>     
                                        </div> 
                                  </div>    
                                </div>

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <label for="youtube">{{__('Youtube')}}</label>
                                          </div>
                                          <div class="col-sm-6">
                                                <input type="text" class="form-control" id="youtube" name="youtube" value="{{$setting->youtube}}" required>     
                                          </div> 
                                    </div>    
                                  </div>

                                  <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <label for="whatsapp">{{__('Whatsapp')}}</label>
                                          </div>
                                          <div class="col-sm-6">
                                                <input type="text" class="form-control" id="whatsapp" name="whatsapp" value="{{$setting->whatsapp}}" required>     
                                          </div> 
                                    </div>    
                                  </div>

                                  <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <label for="telegram">{{__('Telegram link')}}</label>
                                          </div>
                                          <div class="col-sm-6">
                                                <input type="text" class="form-control" id="telegram" name="telegram" value="{{$setting->telegram}}" required>     
                                          </div> 
                                    </div>    
                                  </div>

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

                  <div class="box box-primary tab-pane fade in" id="images" style="">
                   
                      <div class="box-body">

                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="logo">{{__('Website logo')}}<br>[100 x 35] (png)</label>
                                    </div>
                                    <div class="col-sm-6">
                                          <img src="{{url('imgs/logo.png')}}">
                                          <input type="file" class="form-control" id="logo" name="logo">     
                                    </div> 
                              </div>    
                            </div>

                            <hr>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <label for="logo">{{__('Default category cover')}}<br>[1350 x 550] (jpg)</label>
                                      </div>
                                      <div class="col-sm-6">
                                            <img src="{{url('assets/front/img/no-cover.jpg')}}" style="width:200px;">
                                            <input type="file" class="form-control" id="category_cover" name="category_cover">     
                                      </div> 
                                </div>    
                              </div>

                              <hr>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <label for="product_image">{{__('Default product image')}}<br>[400 x 400] (jpg)</label>
                                      </div>
                                      <div class="col-sm-6">
                                            <img src="{{url('assets/front/img/no-image.jpg')}}" style="width:200px;">
                                            <input type="file" class="form-control" id="product_image" name="product_image">     
                                      </div> 
                                </div>    
                              </div>
                        

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

                  <div class="box box-primary tab-pane fade in" id="video" style="">
                   
                      <div class="box-body">
                        
                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="facebook">{{__('Video cover')}}<br> [1450 x 750] (jpg)</label>
                                    </div>
                                    <div class="col-sm-6">
                                        <img src="{{url('assets/front/img/slides/slide_home_1.jpg')}}" style="width:200px">
                                        <input type="file" class="form-control" id="video_cover" name="video_cover">     
                                    </div> 
                              </div>    
                          </div>

                          <hr>

                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="facebook">{{__('Video')}}<br> (MP4)</label>
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="file" class="form-control" id="video" name="video">     
                                    </div> 
                              </div>    
                          </div>

                          <hr>

                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="video_title_en">{{__('Title English')}}<br></label>
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="video_title_en" name="video_title_en" value="{{$setting->video_title_en}}">     
                                    </div> 
                              </div>    
                          </div>

                          <hr>

                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="video_title_ar">{{__('Title Arabic')}}<br></label>
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="video_title_ar" name="video_title_ar" style="direction:rtl" value="{{$setting->video_title_ar}}">     
                                    </div> 
                              </div>    
                          </div>

                          <hr>

                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="video_description_en">{{__('Description English')}}<br></label>
                                    </div>
                                    <div class="col-sm-6">
                                        <textarea class="form-control" id="video_description_ar" name="video_description_en" rows="5">{{$setting->video_description_en}}</textarea>
                                    </div> 
                              </div>    
                          </div>

                          <hr>

                          <div class="form-group">
                              <div class="row">
                                  <div class="col-sm-2">
                                      <label for="video_description_ar">{{__('Description Arabic')}}<br></label>
                                    </div>
                                    <div class="col-sm-6">
                                        <textarea class="form-control" id="video_description_ar" name="video_description_ar" rows="5" style="direction:rtl">{{$setting->video_description_ar}}</textarea>
                                    </div> 
                              </div>    
                          </div>

                      </div>

                  </div>

                  <div class="box box-primary tab-pane fade in" id="delivery" style="">
                   
                    <div class="box-body">
                      
                        <div class="form-group">
                          <label for="max_weight">{{__('Max Weight')}}</label> 
                          <input type="number" class="form-control" id="max_weight" name="delivery[max_weight]" value="{{$delivery_setting->max_weight}}">
                        </div>
 
                        <div class="form-group">
                          <label for="overweight_price">{{__('Overweight Price')}}</label> 
                          <input type="number" class="form-control" id="overweight_price" name="delivery[overweight_price]" value="{{$delivery_setting->overweight_price}}">
                        </div>

                    </div>

                  </div>

            </div>
          </div>
          <div class="box-footer">
              <button type="submit" class="btn btn-primary">{{__('save')}}</button>
            </div>
          </form>
        </div>
   </div>
</div>

@endsection

@section('scripts')
  <script src="{{URL::asset('assets/js/select2.js')}}" type="text/javascript"></script>
  <script>

  </script>
@endsection