@extends('admin.layouts.app')
@section('content')
   
    <link href="/assets/node_modules/switchery/dist/switchery.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.2/css/jquery.dataTables.min.css">
    <div class="row page-titles">
        <div class="col-md-12">
            <h4 class="text-white">YSİİD</h4>
        </div>
        <div class="col-md-6">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Anasayfa</a></li>
                <li class="breadcrumb-item active">Servis Kayıt Formları Listesi</li>
            </ol>
        </div>
        <div class="col-md-6 text-right">
            <form class="app-search d-none d-md-block d-lg-block">
                <input type="text" class="form-control" placeholder="Search &amp; enter">
            </form>
        </div>
    </div>
  
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body mt-5">

           

                    <form id="socialForm" action="/admin/social/create" method="post" >
                        @csrf
                        <div class="form-group row mb-4 ">
                            <div class="col-sm-12 col-md-3"><label class="col-sm-8 col-form-label" for="name" style="text-align:right;"><strong style="color:#f22613;">Facebook:</strong></label></div>
                            <div class="col-sm-12 col-md-5"><input class="form-control" minlength="3" data-cke-saved-name="name" name="facebook"  required="" data-cke-editable="1" contenteditable="false" value="{{ $socialforms[0]->facebook }}" ></div>
                        </div>
                        <div class="form-group row mb-4 ">
                            <div class="col-sm-12 col-md-3"><label class="col-sm-8 col-form-label" for="surname" style="text-align:right;"><strong style="color:#f22613;">Twitter:</strong></label></div>
                            <div class="col-sm-12 col-md-5"><input class="form-control" minlength="2" data-cke-saved-name="surname" name="twitter" placeholder="twitter" required="" data-cke-editable="1" contenteditable="false" value="{{ $socialforms[0]->twitter }}"></div>
                        </div>
                        <div class="form-group row mb-4 ">
                            <div class="col-sm-12 col-md-3"><label class="col-sm-8 col-form-label" for="surname" style="text-align:right;"><strong style="color:#f22613;">Linkedn:</strong></label></div>
                            <div class="col-sm-12 col-md-5"><input class="form-control" minlength="2" data-cke-saved-name="surname" name="linkedn" placeholder="linkedn" required="" data-cke-editable="1" contenteditable="false" value="{{ $socialforms[0]->linkedIn }}"></div>
                        </div>
                        <div class="form-group row mb-4 ">
                            <div class="col-sm-12 col-md-3"><label class="col-sm-8 col-form-label" for="surname" style="text-align:right;"><strong style="color:#f22613;">Instagram:</strong></label></div>
                            <div class="col-sm-12 col-md-5"><input class="form-control" minlength="2" data-cke-saved-name="surname" name="instagram" placeholder="instagram" required="" data-cke-editable="1" contenteditable="false" value="{{ $socialforms[0]->Instagram }}"></div>
                        </div>
                        <div class="form-group row mb-4 ">
                            <div class="col-sm-12 col-md-3"><label class="col-sm-8 col-form-label" for="email" style="text-align:right;"><strong style="color:#f22613;">E-mail
                                        :</strong></label></div>
                            <div class="col-sm-12 col-md-5"><input class="form-control" id="exampleInputEmail1" data-cke-saved-name="email" name="home_mail" placeholder="E-mail Adresiniz" required="" type="email" data-cke-editable="1" contenteditable="false" value="{{ $socialforms[0]->home_mail }}"></div>
                        </div>
                        <div class="form-group row mb-4 ">
                            <div class="col-sm-12 col-md-3"><label class="col-sm-8 col-form-label" for="phone" style="text-align:right;"><strong style="color:#f22613;">Telefon Numaranız
                                        :</strong></label></div>
                            <div class="col-sm-12 col-md-5 my-auto"><input class="form-control" id="phone" maxlength="11" data-cke-saved-name="phone" name="tel" placeholder="0(XXX) XXX XX XX" required="" type="phone" data-cke-editable="1" contenteditable="false" value="{{ $socialforms[0]->home_phone }}"></div>
                        </div>
                        <div class="form-group row mb-4 ">
                            <div class="col-sm-12 col-md-3"><label class="col-sm-8 col-form-label" for="fax" style="text-align:right;"><strong style="color:#f22613;">Fax Numaranız
                                        :</strong></label></div>
                            <div class="col-sm-12 col-md-5 my-auto"><input class="form-control" id="phone" maxlength="11" data-cke-saved-name="fax" name="fax" placeholder="0(XXX) XXX XX XX" required="" type="phone" data-cke-editable="1" contenteditable="false" value="{{ $socialforms[0]->fax }}"></div>
                        </div>
                        <div class="form-group row mb-4 ">
                            <div class="col-sm-12 col-md-3"><label class="col-sm-8 col-form-label" for="desc" style="text-align:right;"><strong style="color:#f22613;">Adres:</strong></label></div>
                            <div class="col-sm-12 col-md-5">
                                <textarea id="mesaj" class="form-control tarea" onkeydown="validatelimit(this,2000)" cols="20" rows="2" name="adres" placeholder="Adres giriniz..." >{{ $socialforms[0]->home_address }}</textarea>
                                <div class="count">2000 karakter sınırınız var!</div>
                            </div>
                        </div>
                        
                        <div class="form-group row">
                            <div class="col-1 offset-md-9" data-n1ed-col-border-right="true"><input class="btn btn-danger" type="submit" value="GÖNDER" data-cke-editable="1" contenteditable="false"></div>
                        </div>
                    </form>
                    

                </div>
            </div>
        </div>
    </div>

    <script>
        function validatelimit(textarea, limit) {
            var remaining = limit - textarea.value.length;
            var count = textarea.parentNode.parentNode.querySelector('.count');
            count.innerHTML = remaining + ' Kalan karakter sayısı';
            if (remaining < 0) {
                count.classList.add('text-danger');
            } else {
                count.classList.remove('text-danger');
            }
        }
    </script>

    <script src="//cdn.datatables.net/1.13.2/js/jquery.dataTables.min.js"></script>
    <script src="/assets/node_modules/switchery/dist/switchery.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
    
@endsection