@extends('admin.layout.app')
@section('title', 'Social Media')

@section('content')
<div class="page-content-wrapper">
    <!-- TOPBAR -->
    <div class="top_bar page-content" style="min-height:534px">
        <!-- LOADER -->
        <div class="loader">
            <div class="top_status_bar load">
                <div class="progress_bar bar" style="left: 0px;">
                </div>
            </div>
        </div>
        <!-- END LOADER -->
        <!-- BREADCRUMBS -->
        <div class="breadcrumbs">
            <ul>
                <li><a href="{{ route('admin.dashboard') }}">Home</a></li>
                <li><a href="{{ route('admin.settings') }}" class="">Settings</a></li>
                <li><a href="#" class="breadcrumb_link" onclick="return false">Social Media</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
        <!-- END BREADCRUMBS -->
    </div>
    <!-- END TOPBAR -->
    <!-- PAGE CONTENT -->
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <!-- Begin: life time stats -->
                <div class="portlet setting_landing">
                    <!-- MAIN CAPTION START -->
                    <div class="portlet-title">
                        <div class="caption">
                            <h2>Social Media
                                <span class="subtitle"></span>
                            </h2>
                        </div>
                    </div>
                    <!-- MAIN CAPTION END -->
                    <hr>
                    
                    <div class="portlet-body">
                        <div class="settings">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <span class="main_title">Social Medias</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row each_row">
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <span class="sub_heading">How you classify your customer accounts?</span>
                                        <span class="sub_heading">Define account categories here for managing your customer
                                            with the proper privileges.</span>
                                    </div>
                                    <div class="col-md-1"></div>
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="portlet-body">
                                                <div class="products box">
                                                    <div class="header_tbl">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-6 row_header">
                                                                    Social Media
                                                                </div>
                                                                <div class="col-md-5 row_header b4_del_header">
                                                                    Description
                                                                </div>
                                                                <div class="del_header"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                    
                                                    <div class="row_wrap">
                                                        <form class="social-medias" method="POST">
                                                            @csrf
                                                            @foreach ($social_medias as $social_media)
                                                            {{--  @method('PUT')  --}}
                                                            <div class="row_inner_wrap">
                                                                <div class="row">
                                                                    <div class="col-md-12 field_wrapper">
                                                                        <div class="col-md-6 inner_row">
                                                                            <input type="text" name="" placeholder="" value="{{ $social_media->title }}" class="form-control sm-title title-field" readonly>
                                                                            <i class="fa fa-check edit_category edit_field"></i>
                                                                        </div>
                    
                                                                        <div class="col-md-5 inner_row b4_del_header">
                                                                            <input type="text" name="" placeholder="" value="{{ $social_media->description }}" class="form-control sm-title description-field" readonly>
                                                                            <i class="fa fa-check edit_desc edit_field"></i>
                                                                        </div>
                    
                                                                        <div class="del_icon" data-action="{{ route('admin.social-medias.destroy', $social_media->id) }}" data-id="{{ $social_media->id }}">
                                                                            <i class="fa fa-trash-o del" aria-hidden="true" style=""></i>
                                                                        </div>
                                                                      
                                                                        <div class="add_icon" style="display: none;">
                                                                            <i class="fa fa-plus add_row acc_cat"></i>
                                                                        </div>
                    
                                                                        <div class="edit_icon" data-action="{{ route('admin.social-medias.update', $social_media->id) }}" data-id="{{ $social_media->id }}" style="display: none;">
                                                                            <i class="fa fa-check edit_row"></i>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @endforeach
                                                            <div class="row_inner_wrap">
                                                                <div class="row">
                                                                    <div class="col-md-12 field_wrapper">
                                                                        <div class="col-md-6 inner_row">
                                                                            <input type="text" name="" placeholder="" value="" class="form-control title-field">
                                                                            <i class="fa fa-check edit_category edit_field"></i>
                                                                        </div>
                    
                                                                        <div class="col-md-5 inner_row b4_del_header">
                                                                            <input type="text" name="" placeholder="" value="" class="form-control description-field">
                                                                            <i class="fa fa-check edit_desc edit_field"></i>
                                                                        </div>
                    
                                                                        <div class="del_icon">
                                                                            <i class="fa fa-trash-o del" aria-hidden="true" style=""></i>
                                                                        </div>
                    
                                                                        <div class="add_icon" data-action="{{ route('admin.social-medias.store') }}">
                                                                            <i class="fa fa-plus add_row acc_cat"></i>
                                                                        </div>
                    
                                                                        <div class="edit_icon" style="display: none;">
                                                                            <i class="fa fa-check edit_row"></i>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>
</div>

<!-- //SWEET_ALERT START// -->
{{-- <div id="sweetalert_wrap" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true"
        data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true"
        data-animation="pop" data-timer="null">
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
        <h2>Are You Sure?</h2>
        <p>Your recently changed data in this model will be lost.</p>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div> --}}
<!-- //SWEET_ALERT END// -->    
@stop

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/settings.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('css/custom-style.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('css/custom.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('css/darkblue.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-toastr/toastr.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('css/croppie.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('css/sweetalert.css') }}" />
    <style>
        .b4_del_header {
            width: 45.33% !important;
        }
    </style>
@stop

@section('js')
    @include('admin.modules.social_media.js.index')
@stop