@extends('layouts.load')

@section('content')

<div class="card shadow-none border-0 mb-0">
    <div class="card-body p-3">
        @include('includes.admin.form-error')
        @include('includes.admin.form-success')
        <div class="gocover" style="background: url({{asset('assets/images/'.$gs->admin_loader)}}) no-repeat scroll center center rgba(45, 45, 45, 0.5);"></div>
        <form id="geniusformdata" action="{{route('social.link.store')}}" method="POST" enctype="multipart/form-data">
            {{csrf_field()}}

            <div class="mb-3">
                <label class="form-label">{{ __('Social Media Name') }} <span class="text-danger">*</span></label>
                <select name="name" class="form-select">
                    <option value="">{{__('Select a Social Media Here')}}</option>
                    <option value="facebook">{{__('Facebook')}}</option>
                    <option value="twitter">{{__('Twitter')}}</option>
                    <option value="instagram">{{__('Instagram')}}</option>
                    <option value="linkedin">{{__('Linkedin')}}</option>
                    <option value="youtube">{{__('Youtube')}}</option>
                    <option value="vimeo">{{__('Vimeo')}}</option>
                    <option value="pinterest">{{__('Pinterest')}}</option>
                </select>
            </div>

            <div class="mb-3">
                <label class="form-label">{{ __('Social Link') }} <span class="text-danger">*</span></label>
                <input type="text" class="form-control" name="link" placeholder="{{ __('Social Link') }}" required>
            </div>

            <div class="mb-3">
                <label class="form-label">{{ __('Icon') }} <span class="text-danger">*</span></label>
                <div class="d-flex gap-2 align-items-center">
                    <i class="" id="icn"></i>
                    <input type="text" id="icons" class="form-control" name="icon" placeholder="{{ __('Social Icon') }}" required>
                </div>
            </div>

            <button class="btn btn-primary w-100" type="submit">{{ __('Save') }}</button>
        </form>
    </div>
</div>

@endsection

@section('scripts')
<script src="{{ asset('assets/admin/js/iconpicker.js') }}"></script>
<script src="{{ asset('assets/admin/js/icon.js') }}"></script>
@endsection