@extends('admin.layouts.master-soyuz')
@section('title',__('Add Social Icon |'))
@section('body')

@include('admin.layouts.topbar',$data)

<div class="contentbar bardashboard-card"> 
  <div class="row">
    <div class="col-lg-12">
      @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">&times;</span></button></p>
        @endforeach
      </div>
      @endif
      <div class="card m-b-30">
        <div class="card-header">
         
          <div class="row">
            <div class="col-lg-8">
              <h5 class="box-title">{{ __('Add Social Icon') }}</h5>
            </div>
            <div class="col-md-4">
              <div class="widgetbar">
                <a href="{{url('admin/social')}}" class="btn btn-primary-rgba mr-2"><i class="feather icon-arrow-left mr-2"></i>{{ __("Back") }}</a>
              </div>
            </div>
          </div>

        </div>
        <div class="card-body">
          
          <!-- form start -->
          <form id="demo-form2" method="post" enctype="multipart/form-data" action="{{url('admin/social')}}" data-parsley-validate class="form-horizontal form-label-left">
                {{csrf_field()}}
                
              <!-- row start -->
              <div class="row">
                
                <!-- Url -->
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="text-dark">{{ __('Url') }} <span class="text-danger">*</span></label>
                        <input type="text" value="{{ old('url') }}" autofocus="" class="form-control @error('url') is-invalid @enderror" placeholder="http://" name="url" required="">
                    </div>
                </div>

                  <!-- Icon -->
                  <div class="col-md-6">
                    <div class="form-group">
                        <label class="text-dark">{{ __('Icon') }} <span class="text-danger">*</span></label>
                          <select name="icon" class="select2 form-control">
                            <option value="youtube">{{ __("Youtube") }}</option>
                            <option value="linkedin">{{ __("LinkedIn") }}</option>
                            <option value="pintrest">{{ __("Pinterest") }}</option>
                            <option value="rss">{{ __("RSS FEED") }}</option>
                            <option value="googleplus">{{ __("Google+") }}</option>
                            <option value="tw">{{ __("Twitter") }}</option>
                            <option value="fb">{{ __("Facebook") }}</option>
                            <option value="instagram">{{ __("Instagram") }}</option>
                          </select>
                          <small class="txt-desc">{{ __("Please choose icon") }}</small>
                    </div>
                </div>

                  <!-- Status -->
                  <div class="form-group col-md-2">
                    <label for="exampleInputDetails">{{ __('Status') }} </label><br>
                    <label class="switch">
                      <input class="slider" type="checkbox" name="status" checked />
                      <span class="knob"></span>
                    </label><br>
                    <small>({{__("Please Choose Status")}}) </small>
                </div>
                              
                <!-- create and close button -->
                <div class="col-md-12">
                    <div class="form-group">
                        <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>
                        {{ __("Create")}}</button>
                    </div>
                </div>

              </div><!-- row end -->
                                             
            </form>
            <!-- form end -->
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
  @endsection