@extends('dashboard.layout.layout')
@section('content')
<div class="main-panel">
    <!-- BEGIN : Main Content-->
    <div class="main-content">
      <div class="content-overlay"></div>
      <div class="content-wrapper"><div class="row">
</div>
<!-- Basic Inputs start -->
<section id="basic-input">
    <section id="dom" style="margin-top: -580px ">
        @if(session('success'))
        <div id="alert-success" class="alert alert-success mb-2" style="text-align: center;font-size: 17px" role="alert">
            {{ session('success') }}
        </div>
        @endif
        @if(session('danger'))
        <div id="alert-danger" class="alert alert-danger mb-2" style="text-align: center;font-size: 17px" role="alert">
            {{ session('danger') }}
        </div>
        @endif
    </section>
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4 style="text-align: center" class="card-title">  السوشال ميديا   </h4>
            </div>
            <div class="card-content">
                <div class="card-body">
                    <form action="{{ route('update_link','social') }}" enctype="multipart/form-data" method="POST"  id="editFromData" >
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  facebook  </label>
                                    <input type="text" name="facebook" value="{{ old('facebook',$link->facebook) }}" class="form-control" id="basicInput"  required>
                                    @error('facebook')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  instagram   </label>
                                    <input type="text" name="instagram" value="{{ old('instagram',$link->instagram) }}" class="form-control" id="basicInput"  required>
                                    @error('instagram')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  whatsapp  </label>
                                    <input type="number" name="whatsapp" value="{{ old('whatsapp',$link->whatsapp) }}" class="form-control" id="basicInput"  required>
                                    @error('whatsapp')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  snapchat   </label>
                                    <input type="text" name="snapchat" value="{{ old('snapchat',$link->snapchat) }}" class="form-control" id="basicInput"  required>
                                    @error('snapchat')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  x  </label>
                                    <input type="string" name="x" value="{{ old('x',$link->x) }}" class="form-control" id="basicInput"  required>
                                    @error('x')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  tiktok   </label>
                                    <input type="text" name="tiktok" value="{{ old('tiktok',$link->tiktok) }}" class="form-control" id="basicInput"  required>
                                    @error('tiktok')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  youtube  </label>
                                    <input type="string" name="youtube" value="{{ old('youtube',$link->youtube) }}" class="form-control" id="basicInput"  required>
                                    @error('youtube')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  pinterest   </label>
                                    <input type="text" name="pinterest" value="{{ old('pinterest',$link->pinterest) }}" class="form-control" id="basicInput"  required>
                                    @error('pinterest')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  First Phone  </label>
                                    <input type="number" min="0" name="first_phone" value="{{ old('first_phone',$link->first_phone) }}" class="form-control" id="basicInput"  required>
                                    @error('first_phone')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  Second Phone   </label>
                                    <input type="number" min="0" name="second_phone" value="{{ old('second_phone',$link->second_phone) }}" class="form-control" id="basicInput"  required>
                                    @error('second_phone')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  Third Phone </label>
                                    <input type="number" min="0" name="third_phone" value="{{ old('third_phone',$link->third_phone) }}" class="form-control" id="basicInput"  required>
                                    @error('third_phone')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  Fourth Phone  </label>
                                    <input type="number" min="0" name="fourth_phone" value="{{ old('fourth_phone',$link->fourth_phone) }}" class="form-control" id="basicInput"  required>
                                    @error('fourth_phone')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  Email </label>
                                    <input type="email" name="email" value="{{ old('email',$link->email) }}" class="form-control" id="basicInput"  required>
                                    @error('email')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> Address Arabic  </label>
                                    <input type="string" name="address_ar" value="{{ old('address_ar',$link->address_ar) }}" class="form-control" id="basicInput"  required>
                                    @error('address_ar')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> Address English  </label>
                                    <input type="string" name="address_en" value="{{ old('address_en',$link->address_en) }}" class="form-control" id="basicInput"  required>
                                    @error('address_en')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                        </div>
                        <button  type="submit" id="saveBtn" style="margin-right:50%;margin-top: 25px" class="btn btn-primary mr-1 mb-1">تعديل</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
  </div>
  <script>
     setTimeout(function() {
        var alertSuccess = document.getElementById('alert-success');
        if (alertSuccess) {
            alertSuccess.style.display = 'none';
        }
    }, 5000); // 5000 milliseconds = 5 seconds
  </script>
@endsection
@section('scripts')
<script>
ClassicEditor  
        .create(document.querySelector('#editor'))  
        .catch(error => {  
            console.error(error);  
        });
ClassicEditor  
.create(document.querySelector('#editor2'))  
.catch(error => {  
    console.error(error);  
});
</script>

@endsection