@extends('writer-dashboard.layout.app')
@section('style')
@endsection
@section('content')
 
        <div class="box-tebal bg-white">


            <div class="row">
                {{-- <div class="col-sm-12 col-md-4">
                    <div class="sidebar-settings">
                        <ul class="nav nav-pills nav-stacked" role="tablist">
                            @include('admin.settings.sidebar')
                        </ul>
                    </div>

                </div> --}}

                <div class="col-md-12">
                    <div class="col-md-12">
     
                        <div class="clearfix"></div>

                        <div class="give-per">
                            {!!Form::model($row , ['url' => ['/writer/writer-profile'] , 'method' => 'PATCH','files'=>true]) !!}
                            
                                <div class="row">
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="card-body tabs-cont-cstm cstm2">
                                                    <div class="row justify-content-center">
                                
                                                            
                                                    <div class="form-group col-md-6">
                                                        {!! Form::label('name', 'الاسم') !!}
                                                        {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => "Enter writer's name"]) !!}
                                                    </div>
                                
                                                    <div class="form-group col-md-6">
                                                        {!! Form::label('user_name', 'اسم المستخدم') !!}
                                                        {!! Form::text('user_name', null, ['class' => 'form-control', 'placeholder' => 'Enter username', 'readOnly']) !!}
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        {!! Form::label('password', 'كلمة المرور') !!}
                                                        {!! Form::password('password', ['class' => 'form-control', 'placeholder' => 'Enter password']) !!}
                                                    </div>
                                
                                                    <div class="form-group col-md-6">
                                                        {!! Form::label('password_confirmation', 'تكرار كلمة المرور') !!}
                                                        {!! Form::password('password_confirmation', ['class' => 'form-control', 'placeholder' => 'Confirm password']) !!}
                                                    </div>
                                
                                                    <div class="form-group col-md-6">
                                                        {!! Form::label('email', 'البريد الالكتروني') !!}
                                                        {!! Form::email('email', null, ['class' => 'form-control', 'placeholder' => "Enter writer's email"]) !!}
                                                    </div>
                                
                                                    <div class="form-group col-md-6">
                                                        {!! Form::label('phone', 'الجوال') !!}
                                                        {!! Form::text('phone', null, ['class' => 'form-control', 'placeholder' => "Enter writer's phone"]) !!}
                                                    </div>
                                
                                                    <div class="form-group col-md-6">
                                                        {!! Form::label('title', 'Title') !!}
                                                        {!! Form::text('title', null, ['class' => 'form-control', 'placeholder' => "Enter writer's title"]) !!}
                                                    </div>
                                
                                                    <div class="form-group col-md-6">
                                                        {!! Form::label('image', 'Profile Image') !!}
                                                        {!! Form::file('image', ['class' => 'form-control-file']) !!}
                                                        @if ( isset($row) && $row->image)
                                                            <img src="{{ asset('storage/' . $row->image) }}" class="card-img-top" alt="{{ $row->title }}" style="height: 200px; object-fit: cover;">
                                                        @endif
                                                    </div>
                                                    
                    <div class="form-group col-md-6">
                        {!! Form::label('fb', 'رابط الفيسبوك') !!}
                        {!! Form::text('fb', null, ['class' => 'form-control', 'placeholder' => 'Enter Facebook profile link']) !!}
                    </div>

                    <div class="form-group col-md-6">
                        {!! Form::label('tw', 'رابط تويتر') !!}
                        {!! Form::text('tw', null, ['class' => 'form-control', 'placeholder' => 'Enter Twitter profile link']) !!}
                    </div>
                    
                    <div class="form-group col-md-6">
                        {!! Form::label('wa', 'رابط الواتساب') !!}
                        {!! Form::url('wa', null, ['class' => 'form-control', 'placeholder' => "Enter book's WhatsApp link"]) !!}
                    </div>

                    <div class="form-group col-md-6">
                        {!! Form::label('te', 'رابط تليجرام') !!}
                        {!! Form::url('te', null, ['class' => 'form-control', 'placeholder' => "Enter book's Telegram link"]) !!}
                    </div>
                                
                                                    <div class="form-group col-md-12">
                                                        {!! Form::label('about', 'الوصف الكامل') !!}
                                                        {!! Form::textarea('about', null, ['class' => 'form-control mytextarea', 'rows' => 3, 'placeholder' => "Enter writer's bio"]) !!}
                                                    </div>
                                
                                
                                                    </div>
                                                </div>
                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="card-body tabs-cont-cstm cstm2">
                                                    <div class="row justify-content-center">
                                                        <button type="submit" class="btn btn-primary">حفظ</button>
                                                        <a href="{{ route('writer.home') }}" class="btn btn-secondary">الغاء</a>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {!!Form::close() !!}
                        </div>

                        

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


        </div>            

@endsection
@section('script')

<script>
    /* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
    var dropdown = document.getElementsByClassName("dropdown-btn");
    var i;

    for (i = 0; i < dropdown.length; i++) {
        dropdown[i].addEventListener("click", function () {
            this.classList.toggle("active");
            var dropdownContent = this.nextElementSibling;
            if (dropdownContent.style.display === "block") {
                dropdownContent.style.display = "none";
            } else {
                dropdownContent.style.display = "block";
            }
        });
    }

     $('#unit-plus').on('click', function () {
        if (
            $('.add-per').hasClass('hidden')) {
            $('.add-per').removeClass('hidden');
        } else {
            $('.add-per').addClass('hidden');
        }
        return false;
    });

    $('#grant-button').on('click', function () {
    	$('form').attr('action', '');
    	$('input[name=name]').attr('value', '');
    	$('input[name=email]').attr('value', '');
    	$('input[name=identity]').attr('value', '');
    	$('input[name=phone]').html('');
        if (
            $('.give-per').hasClass('hidden')) {
            $('.give-per').removeClass('hidden');
        } else {
            $('.give-per').addClass('hidden');
        }
        return false;
    });


    
    $(document).on('click', '.edit', function(e){
    	e.preventDefault();

        $('input[name=name]').attr('value', '');
        $('input[name=email]').attr('value', '');
        $('input[name=identity]').attr('value', '');
        $('input[name=phone]').html('');
        
    	$('form').attr('action', $(this).attr('data-route'));
    	$('input[name=name]').attr('value', $(this).attr('data-name'));
    	$('input[name=email]').attr('value', $(this).attr('data-email'));
    	$('input[name=identity]').attr('value', $(this).attr('data-identity'));
    	$('input[name=phone]').html($(this).attr('data-phone'));
    	
            $('.give-per').removeClass('hidden');
    });


    // $('.buunton-notofication').on('click',function(){
    //     var type = $(this).data('type');     
    //     var message = $(this).data('message');     
    //     switch(type){
    //         case 'error' : toastr.error(message);  break;
    //         case 'success' : toastr.success(message);  break;
    //         case 'info' : toastr.info(message);  break;
    //         case 'warning' : toastr.warning(message);  break; 
    //     }
    //     return false;
    // });
    // TableManageButtons.init();
</script>
@endsection