@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">Otel Konsept</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
                    <ul class="nav nav-tabs nav-justified nav-tabs-info">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#turkce">Türkçe</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#ingilizce">İngilizce</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#almanca">Almanca</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#rusca">Rusça</a>
                        </li>
                    </ul>

                    <form method="post" action="{{route('konsept.update')}}" enctype="multipart/form-data" >

                        @csrf

                    <div class="tab-content">

                        <div class="tab-pane fade active show" id="turkce">

                                <div class="form-group">
                                    <label for="pdf_tr">Türkçe Konsept</label>
                                    <input type="file" data-provide="dropify" name="pdf_tr" id="pdf_tr"  data-default-file="{{url('/storage/pdf/')}}/{{$konsept->pdf_tr}}"/>
                                </div>

                        </div>

                        <div class="tab-pane fade" id="ingilizce">
                            <div class="form-group">
                                <label for="pdf_en">İngilizce Konsept</label>
                                <input type="file" data-provide="dropify" name="pdf_en" id="pdf_en"  data-default-file="{{url('/storage/pdf/')}}/{{$konsept->pdf_en}}"/>
                            </div>


                        </div>
                        <div class="tab-pane fade" id="almanca">
                            <div class="form-group">
                                <label for="pdf_de">Almanca Konsept</label>
                                <input type="file" data-provide="dropify" name="pdf_de" id="pdf_de"  data-default-file="{{url('/storage/pdf/')}}/{{$konsept->pdf_de}}"/>
                            </div>

                        </div>
                        <div class="tab-pane fade" id="rusca">
                            <div class="form-group">
                                <label for="pdf_ru">Rusça Konsept</label>
                                <input type="file" data-provide="dropify" name="pdf_ru" id="pdf_ru"  data-default-file="{{url('/storage/pdf/')}}/{{$konsept->pdf_ru}}"/>
                            </div>

                        </div>


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





            </div>
        </div>




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