@extends ('backend.layouts.app')

@section('title', 'Social media management')

@section('page-header')
    <h1>
        {{ trans('labels.backend.menus.management') }}
        <small>{{ trans('labels.backend.menus.create') }}</small>
    </h1>
@endsection

@section('content')

    <div class="box box-info">
        @if (Session::has('success'))
            <div class="alert alert-success">{{ Session::get('success') }}</div>
        @endif
        @if (Session::has('error'))
            <div class="alert alert-danger">{{ Session::get('error') }}</div>
        @endif
        <div class="box-header with-border">
            @php
                if (isset($_GET['type']) && isset($_GET['id']) && !empty($_GET['id'])) {
                    $edit_mode = 'on';
                } else {
                    $edit_mode = 'off';
                }
            @endphp
            @if ($edit_mode == 'on')
                <h3 class="box-title">Edit Social Media</h3>
            @else
                <h3 class="box-title">Add Social Media</h3>
            @endif

        </div><!-- /.box-header -->
        @if ($edit_mode == 'on')
            {{-- Edit - Including Form blade file --}}
            <div class="box-body">
                <div class="form-group">
                    <div class="edit-form-btn">
                        <form method="POST" action="{{ route('admin.menus.update-socialmedia') }}" accept-charset="UTF-8"
                            class="form-horizontal" role="form" id="menu-add-custom-url">
                            @csrf()
                            <div class="form-group">
                                <label for="name" class="col-lg-3 col-md-3 col-sm-3 control-label required">Name</label>
                                <div class="col-lg-9 col-md-9 col-sm-9">
                                    <input class="form-control box-size mi-name" value=""
                                        placeholder="Name" required="required" name="name" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="url" class="col-lg-3 col-md-3 col-sm-3 control-label required">Social Media
                                    Code</label>
                                <div class="col-lg-9 col-md-9 col-sm-9">
                                    <textarea name="ad_code" id="" cols="30" rows="10" required class="form-control"></textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                                                <label for="icon" class="col-lg-3 col-md-3 col-sm-3 control-label"
                                    title="Font Awesome Class. eg. fa-edit">Status</label>
                                <div class="radio">
                                    <label class="radio-inline"><input class="mi-url_type_route"                                             name="status" type="radio" value="1"> Active</label>
                                    <label class="radio-inline"><input class="mi-url_type_static" checked="checked"                                            name="status" type="radio" value="0"> Deactive</label>
                                </div>
                                <input name="id" type="hidden" value="">
                            </div>
                            <div class="box-body">
                                <div class="form-group">
                                    <div class="edit-form-btn">
                                        <a class="btn btn-default btn-md" href="{{ url('admin/social-media') }}">Cancel</a>
                                        <input class="btn btn-primary btn-md" type="submit" value="Update">
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div><!--box-->
        @else
            {{-- Add - Including Form blade file --}}
            <div class="box-body">
                <div class="form-group">
                    <div class="edit-form-btn">
                        <form method="POST" action="{{ route('admin.menus.save-ad-data') }}" accept-charset="UTF-8"
                            class="form-horizontal" role="form" id="menu-add-custom-url">
                            @csrf()
                            <div class="form-group">
                                <label for="name" class="col-lg-3 col-md-3 col-sm-3 control-label required">Name</label>
                                <div class="col-lg-9 col-md-9 col-sm-9">
                                    <input class="form-control box-size mi-name" id="" placeholder="Name"
                                        required="required" name="name" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="url" class="col-lg-3 col-md-3 col-sm-3 control-label required">Social Media
                                    Code</label>
                                <div class="col-lg-9 col-md-9 col-sm-9">
                                    <textarea name="ad_code" id="" cols="30" rows="10" required class="form-control"></textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="icon" class="col-lg-3 col-md-3 col-sm-3 control-label"
                                    title="Font Awesome Class. eg. fa-edit">Status</label>
                                <div class="radio">
                                    <label class="radio-inline"><input class="mi-url_type_route" checked="checked"
                                            name="status" type="radio" value="1"> Active</label>
                                    <label class="radio-inline"><input class="mi-url_type_static" name="status"
                                            type="radio" value="0"> Deactive</label>
                                </div>
                            </div>
                            <div class="box-body">
                                <div class="form-group">
                                    <div class="edit-form-btn">
                                        <a class="btn btn-default btn-md"
                                            href="{{ url('admin/social-media') }}">Cancel</a>
                                        <input class="btn btn-primary btn-md" type="submit" value="Save">
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div><!--box-->
        @endif
    </div>
    <!-- view data -->
    <div class="box box-info">
        <div class="box-body">
            <div class="box-header">
                <h3 class="box-title">View Social Media</h3>
            </div>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Sno</th>
                        <th>Name</th>
                        <th>Code</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @php $i=1; @endphp
                    @foreach ($all_data as $val)
                        @php
                            if ($val->status == 1) {
                                $status = '<a href="' . route('admin.menus.status-change', ['id' => $val->id]) . '" style="padding: 3px 7px;font-size: 13px;background: green;" title="Active" class="text-success btn btn-flat btn-default"><i class="fa fa-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Acive"></i></a>';
                            } else {
                                $status = '<a href="' . route('admin.menus.status-change', ['id' => $val->id]) . '" style="padding: 3px 7px;font-size: 13px;background: #dd4f4f;" title="Inactive" class="text-danger btn btn-flat btn-default"><i class="fa fa-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Inactive"></i></a>';
                            }
                        @endphp
                        <tr>
                            <td>{{ $i }}</td>
                            <td>{{ $val->name }}</td>
                            <td>{{ $val->social_media }}</td>
                            <td style="display:inline-flex;">{!! $status !!} &nbsp; <a
                                    href="{{ url('admin/social-media/?type=edit&id=' . $val->id) }}" title="Edit"
                                    style="padding: 3px 7px;font-size: 13px;" class="btn btn-flat btn-default"><i
                                        data-toggle="tooltip" data-placement="top" title="" class="fa fa-pencil"
                                        data-original-title="Edit"></i></a></td>
                        </tr>
                        @php $i++; @endphp
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    @include('backend.menus.partials.modal')
@endsection