@extends('admin.layouts.app') 
@section('content')
@php
$stab_part = session('stab_part');
@endphp
<div class="container-fluid">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-2">
                    <ul class="nav nav-pills flex-column">
                        <li class="nav-item border rounded mb-1">
                            <a class="nav-link {{ $stab_part == 'pop_up' ? ' active' : 'active' }}" data-toggle="tab"
                                href="#pop_up">Home Page Pop Up</a>
                        </li>  
                        <li class="nav-item border rounded mb-1">
                            <a class="nav-link {{ $stab_part == 'media_link' ? 'active' : '' }}" data-toggle="tab"
                                href="#media_link">Media Link</a>
                        </li>   
                        <li class="nav-item border rounded mb-1">
                            <a class="nav-link {{ $stab_part == 'header_strip' ? 'active' : '' }}" data-toggle="tab"
                                href="#header_strip">Header Strip</a>
                        </li>   
                    </ul>
                </div>
                
                <div class="col-12 col-sm-12 col-md-10">
                    <form action="{{ route('seosetting.update', $seosetting->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="tab-content no-padding">                          
                            {{-- Home page pop up --}}
                            <div class="tab-pane {{ $stab_part == 'pop_up' ? 'show active' : 'active' }}" id="pop_up">                    
                                <div class="card">
                                    <div class="card-header">
                                        <h4><b>Home Page Pop Up</b>
                                            @if (userCan('setting.seo'))
                                            <button type="submit" class="btn bg-success align-items-center justify-content-center float-end"><i class="fas fa-sync"></i> Update</button>
                                            @endif
                                        </h4>
                                    </div>
                                    <div class="card-body">            
                                        <div class="row row-cols-1">                    
                                            <div class="col">
                                                <div class="form-group mb-3">
                                                    <label for="">Blog Title <span class="form-label-required text-danger">*</span></label>
                                                    <input type="text" name="blog_title" class="form-control" placeholder="Enter Blog Title" value="{{@$seosetting->blog_title}}">
                                                </div>
                                            </div> 
                                            <div class="col">
                                                <div class="form-group mb-3">
                                                    <label for="">Blog Description<span class="form-label-required text-danger">*</span></label>
                                                    <input type="text" name="blog_description" class="form-control" placeholder="Enter Blog Description"  value="{{@$seosetting->blog_description}}">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="form-group mb-3">
                                                    <label for="">Blog Button Name <span class="form-label-required text-danger">*</span></label>
                                                    <input type="text" name="blog_button_name" class="form-control" placeholder="Enter Button Name"  value="{{@$seosetting->blog_button_name}}">
                                                </div>
                                            </div>
                                         
                                            <div class="col">
                                                <div class="upload-btn-wrapper">
                                                    <input type="file"  id="image"  class="form-control dropify" id="image"
                                                        data-default-file="{{ asset(@$seosetting->blog_image) }}" name="blog_image"
                                                        accept="image/png, image/jpg, image/jpeg, image/gif"
                                                        data-allowed-file-extensions='["jpg", "jpeg","png", "gif"]'
                                                        data-max-file-size="3M">
                                                </div>
                                            </div>                             
                                        </div>
                                    </div>
                                </div>                                                                
                            </div>
                            {{-- Media Link --}}
                            <div class="tab-pane {{ $stab_part == 'media_link' ? ' active' : '' }}" id="media_link">
                                <div class="card">                         
                                    <div class="card-header">
                                        <h4><b>Media Link</b>
                                            @if (userCan('setting.seo'))
                                                <button type="submit" class="btn btn-success justify-content-center float-end">
                                                    <i class="fas fa-sync"></i>
                                                    {{ __('update') }}
                                                </button>
                                            @endif
                                        </h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('facebook') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('facebook') is-invalid @enderror p-2"
                                                        name="facebook" value="{{ $seosetting->facebook }}">
                                                    @error('facebook')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('instagram') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('instagram') is-invalid @enderror p-2"
                                                        name="instagram" value="{{ $seosetting->instagram }}">
                                                    @error('instagram')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('twitter') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('twitter') is-invalid @enderror p-2"
                                                        name="twitter" value="{{ $seosetting->twitter }}">
                                                    @error('twitter')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('youtube') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('youtube') is-invalid @enderror p-2"
                                                        name="youtube" value="{{ $seosetting->youtube }}">
                                                    @error('youtube')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
        
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('linkedin') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('linkedin') is-invalid @enderror p-2"
                                                        name="linkedin" value="{{ $seosetting->linkedin }}">
                                                    @error('linkedin')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('pinterest') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('pinterest') is-invalid @enderror p-2"
                                                        name="pinterest" value="{{ $seosetting->pinterest }}">
                                                    @error('pinterest')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
        
        
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('snapchat') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('snapchat') is-invalid @enderror p-2"
                                                        name="snapchat" value="{{ $seosetting->snapchat }}">
                                                    @error('snapchat')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
        
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('discord') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('discord') is-invalid @enderror p-2"
                                                        name="discord" value="{{ $seosetting->discord }}">
                                                    @error('discord')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
        
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label>{{ __('tumblr') }}:</label>
                                                    <input type="text"
                                                        class="form-control @error('tumblr') is-invalid @enderror p-2"
                                                        name="tumblr" value="{{ $seosetting->tumblr }}">
                                                    @error('tumblr')
                                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                    @enderror
                                                </div>
                                            </div>
                                    
                                        </div>
                                    </div>                                                               
                                </div>
                            </div> 
                            <div class="tab-pane {{ $stab_part == 'header_strip' ? 'show active' : '' }}" id="header_strip">                    
                                <div class="card">
                                    <div class="card-header">
                                        <h4><b>Header Strip</b>
                                            @if (userCan('setting.seo'))
                                            <button type="submit" class="btn bg-success align-items-center justify-content-center float-end"><i class="fas fa-sync"></i> Update</button>
                                            @endif
                                        </h4>
                                    </div>
                                    <div class="card-body">                                    
                                        <div class="col-12">
                                            <div class="form-group">
                                                <label>Header Strip:</label>
                                                <input type="text" class="form-control @error('header_strip') is-invalid @enderror p-2"
                                                name="header_strip" value="{{ $seosetting->header_strip }}">
                                                @error('header_strip')
                                                <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                @enderror     
                                            </div>
                                        </div>                                     
                                    </div>
                                </div>
                            </div>                           
                        </div>
                    </form>
                </div>           
            </div>
        </div>       
    </div>
</div>

@endsection 
@section('style')
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/dropify/css/dropify.min.css">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <style>
        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff;
            border: 1px solid #fff;
            background: #007bff;
            border-radius: 30px;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }
    </style>
@endsection


@section('script')
    <script src="{{ asset('backend/plugins/dropify/js/dropify.min.js') }}"></script> 
    <link rel="stylesheet" href="{{ asset('backend/plugins/dropify/css/dropify.min.css') }}">
<script>
    $('.dropify').dropify();
</script>
     
@endsection