@extends('frontLayout.frontlayout')
@section('content')
@php
use App\Libraries\DateTime;
@endphp
<section class="creator_wrap">
    <div class="creater_inner">
        @include('creatorDashboard.sidebar')
        <div class="right_side_wrap">
            <div class="head-crum">
                <h4>
                    Page settings
                </h4>
            </div>
            <div class="page-setting-wrap">
                <div class="page-set-inner">
                    <div class="container">
                        <form action="{{ route('creator.page.settings') }}" id="page-setting">
                            <!--!! CSRF FIELD !!-->
                            @csrf
                            <div class="row">
                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                    <div class="form-group">
                                        <div class="setting-types">
                                        <h4>Earnings visibility</h4>
                                            <div class="setting-typ">
                                                <div class="custom-control-radio custom-radio">
                                                    <input class="form-check-input" type="radio" name="earnings_visibility" id="r-1" value="1" checked  >
                                                    <label class="form-check-label" for="r-1">
                                                    Public (recommended)
                                                    <p>
                                                    Anyone who visits your page will see how much you earn per month.
                                                    </p>
                                                    </label>
                                                </div>
                                                <div class="custom-control-radio custom-radio">
                                                    <input class="form-check-input" type="radio" name="earnings_visibility" id="r-2" value="0" {{isset($creatorAbout) && $creatorAbout->earnings_visibility == 0 ? 'checked' : ""}} >
                                                    <label class="form-check-label" for="r-2">
                                                    Private
                                                    <p>
                                                    Only you can see how much you earn. Your earnings will be hidden from your page. 
                                                    </p>
                                                    </label>
                                                </div>
                                            </div>  
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                    <div class="form-group">
                                        <div class="setting-types">
                                        <h4>Members visibility</h4>
                                            <div class="setting-typ">
                                                <div class="custom-control-radio custom-radio">
                                                    <input class="form-check-input" type="radio" name="members_visibility" id="r-3" value="1" checked  >
                                                    <label class="form-check-label" for="r-3">
                                                    Public (recommended)
                                                    <p>
                                                    Anyone who visits your page will see how many members you have. We recommend this so that people know there are others supporting you.
                                                    </p>
                                                    </label>
                                                </div>
                                                <div class="custom-control-radio custom-radio">
                                                    <input class="form-check-input" type="radio" name="members_visibility" id="r-4" value="0" {{isset($creatorAbout) && $creatorAbout->members_visibility == 0 ? 'checked' : ""}} >
                                                    <label class="form-check-label" for="r-4">
                                                    Private
                                                    <p>
                                                    Only you can see how many members you have. The number of members you have will be hidden from your page.
                                                    </p>
                                                    </label>
                                                </div>
                                            </div>  
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                    <div class="form-group">
                                        <div class="setting-types">
                                        <h4>Rate & Reviews</h4>
                                            <div class="setting-typ">
                                                <div class="custom-control-radio custom-radio">
                                                    <input class="form-check-input" type="radio" name="rate_reviews" id="r-5" value="1" checked  >
                                                    <label class="form-check-label" for="r-5">
                                                    Public (recommended)
                                                    <p>
                                                    Anyone who visits your page will see how many rate & reviews you have. We recommend this so that people know there are others supporting you.
                                                    </p>
                                                    </label>
                                                </div>
                                                <div class="custom-control-radio custom-radio">
                                                    <input class="form-check-input" type="radio" name="rate_reviews" id="r-6" value="0" {{isset($creatorAbout) && $creatorAbout->rate_reviews == 0 ? 'checked' : ""}} >
                                                    <label class="form-check-label" for="r-6">
                                                    Private
                                                    <p>
                                                    Only you can see how many rate & reviews you have. The number of rate & reviews you have will be hidden from your page.
                                                    </p>
                                                    </label>
                                                </div>
                                            </div>  
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                    <h4>Plan Settings</h4>
                                    <div class="form-group mt-4">
                                        <div class="custom-control-radio custom-radio">
                                            <input class="form-check-input" type="radio" name="plan_type" id="r-10" value="standard" checked>
                                            <label class="form-check-label" for="r-10">
                                            Standard 
                                            </label>
                                            <input class="form-check-input" type="radio" name="plan_type" id="r-12" value="customize_categories" {{isset($creatorAbout['plan_type']) && $creatorAbout['plan_type'] == "customize_categories" ? "checked" : ""}} >
                                            <label class="form-check-label" for="r-12">
                                             Customize Categories
                                            </label>
                                        </div>
                                    </div>
                                    <div class="standard" {{isset($creatorAbout['plan_type']) && $creatorAbout['plan_type'] == "customize_categories" ? "style=display:none" : ""}} >
                                        <small>Standard plan settings will work.</small>
                                    </div>
                                    @if(empty($creatorAbout) && !$creatorAbout)
                                    <div class="customize_categories" style="display: none;">
                                    @else
                                    <div class="customize_categories" {{isset($creatorAbout['plan_type']) && $creatorAbout['plan_type'] == "standard" ? "style=display:none" : ""}}>
                                    @endif
                                        <div class="setting-types">
                                            <h5>Manage Categories</h5>
                                            <div class="setting-typ">
                                               @php
                                               $dropCategories = isset($creatorAbout->categories) && $creatorAbout->categories ? json_decode($creatorAbout->categories) : [];
                                               @endphp
                                               <div class="form-group mt-4">
                                                    <label class="el_label" for="category_id">Categories</label>
                                                    <select id="page-categories" class="form-select select2" id="" multiple>
                                                        <option value="" disabled>Select</option>
                                                        @foreach($categories as $key => $c)
                                                        <option value="{{ $c->id }}" {{ $dropCategories && in_array($c->id, $dropCategories) ? "selected" : "" }} >{{ $c->title }} ({{ $c->time ? DateTime::secondsToTime($c->time) : "Not selected"  }} hours)</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>  
                                        </div>
                                        <small>Select and arrange categories to show on public page</small>
                                        <div class="transaction-wrap rating-tbl">
                                            <div class="inner_dashboard">
                                                <div class="table_rows_area">
                                                    <div class="table-responsive">
                                                        <table class="table listing-table">
                                                            <thead>
                                                                <tr>
                                                                    <th width="20%">
                                                                        Sort
                                                                    </th>
                                                                    <th width="60%">
                                                                        Category
                                                                    </th>
                                                                    <th width="20%">
                                                                        Actions
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach($selectedCategories as $key => $sc)
                                                                <tr>
                                                                    <td>
                                                                        <a href="javascript:;" class="drag-catgory">
                                                                            <i class="fas fa-grip-vertical"></i>
                                                                        </a>
                                                                        <input type="hidden" name="categories[]" value="{{ $sc['id'] }}">
                                                                    </td>
                                                                    <td>
                                                                        {{ $sc['title'] }} ({{ DateTime::secondsToTime($sc->time)  }} hours)
                                                                    </td>
                                                                    <td>                                                                   
                                                                        <a href="javascript:;" class="remove_category">
                                                                            <i class="fas fa-times text-danger"></i> 
                                                                        </a>    
                                                                    </td>
                                                                </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            @include('frontend.partials.dashboardFooter')
        </div>
    </div>
</section>

@endsection