@extends('layouts.app')

@section('content')

    <div class="main-content">
        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div><br />
        @endif
        <script>
            window.setTimeout(function() {
                $(".alert").fadeTo(500, 0).slideUp(500, function(){
                    $(this).remove();
                });
            }, 4000);
        </script>

        <div class="card">
            <h4 class="card-title">Sosyal Medya</h4>


            <div class="card-body">
                @if(session()->get('success'))
                    <div class="alert alert-success" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <strong>Tebrikler !</strong> {{session()->get('success')}}
                    </div>
                @endif


                    <form method="post" action="{{route('sosyal-medya.update')}}">

                        @csrf
                    <!-- Tab panes -->

                    <div class="col-md-12">
                        <div class="form-group ">
                            <label for="facebook">Facebook:</label>
                            <input type="text" class="form-control form-control-lg" name="facebook" id="facebook" value="{{$sosyal_medya->facebook}}" />
                        </div>
                        <div class="form-group ">
                            <label for="twitter">Twitter:</label>
                            <input type="text" class="form-control form-control-lg" name="twitter" id="twitter" value="{{$sosyal_medya->twitter}}" />
                        </div>
                        <div class="form-group ">
                            <label for="instagram">Instagram:</label>
                            <input type="text" class="form-control form-control-lg"  name="instagram" id="instagram" value="{{$sosyal_medya->instagram}}" />
                        </div>
                        <div class="form-group">
                            <label for="google_plus">Google Plus:</label>
                            <input type="text" class="form-control form-control-lg" name="google_plus" id="google_plus" value="{{$sosyal_medya->google_plus}}" />
                        </div>
                        <div class="form-group">
                            <label for="tripadvisor">Tripadvisor: </label>
                            <input type="text" class="form-control form-control-lg" name="tripadvisor" id="tripadvisor" value="{{$sosyal_medya->tripadvisor}}" />
                        </div>
                        <div class="form-group">
                            <label for="youtube">YouTube: </label>
                            <input type="text" class="form-control form-control-lg" name="youtube" id="youtube" value="{{$sosyal_medya->youtube}}" />
                        </div>
                        <div class="form-group">
                            <label for="pinterest">Pinterest: </label>
                            <input type="text" class="form-control form-control-lg" name="pinterest" id="pinterest" value="{{$sosyal_medya->pinterest}}" />
                        </div>
                    </div>




                        <div class="form-group">
                            <button type="submit" class="btn btn-primary ">Kaydet</button>
                        </div>
                    </form>








            </div>
        </div>




    </div><!--/.main-content -->
@endsection