@extends('theme.layouts.freelancer')
@section('content')
<link rel="stylesheet" type="text/css" media="screen" href="/theme/js/lib/color-picker.min.css" />
<main id="site-main" ng-cloak ng-app="freelancerSettings">
    <div class="wrap">
        <h2 class="page-heading">
            <svg width="38" height="38" viewBox="0 0 38 38">
                <g class="svg-stroke" fill="none" fill-rule="evenodd" stroke-width="2">
                    <path d="M36.598 13.897l-1.715-4.139-1.177-.538-2.032.677-1.05-.33a14.846 14.846 0 0 0-2.53-2.526c-.12-.387-.206-.663-.328-1.049l.677-2.034c-.207-.453-.33-.725-.538-1.178l-4.139-1.715-1.213.453-.96 1.917-.974.51a14.9 14.9 0 0 0-3.576-.003l-.974-.51-.959-1.914-1.212-.453-4.14 1.715c-.207.453-.33.725-.538 1.178l.676 2.032-.328 1.048a14.915 14.915 0 0 0-2.527 2.53l-1.05.33-2.033-.678c-.454.207-.725.33-1.178.538l-1.714 4.14.452 1.213 1.917.96.51.973a14.856 14.856 0 0 0-.003 3.576l-.509.974-1.915.958-.452 1.214 1.714 4.14 1.178.537 2.032-.676 1.048.328a14.877 14.877 0 0 0 2.53 2.526l.33 1.05-.678 2.035.539 1.177 4.138 1.715 1.213-.453.96-1.917.975-.51c1.175.143 2.375.148 3.575.004l.975.508.958 1.915 1.213.453 4.14-1.715.537-1.177-.677-2.032.33-1.05a14.91 14.91 0 0 0 2.526-2.53c.387-.12.663-.207 1.05-.329l2.034.678 1.177-.537 1.715-4.14-.452-1.214-1.918-.959-.51-.974c.143-1.176.148-2.375.003-3.576l.51-.974 1.915-.958.452-1.214z"/>
                    <path d="M27.602 18.736c0 4.841-3.931 8.766-8.78 8.766-4.85 0-8.781-3.925-8.781-8.766 0-4.84 3.93-8.765 8.78-8.765s8.78 3.925 8.78 8.765z"/>
                </g>
            </svg>
            {{ trans('account_settings.account_setting') }}
        </h2><!-- data-table__heading -->

        @if(Session::has('payment-recieved'))
            <div class="plan-alert alert alert-success alert-dismissible" role="alert" id="payment-recieved">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                {{ Session::get('payment-recieved') }}
            </div>
        @endif

        @if(Session::has('plan-expire'))
            <div class="plan-alert alert alert-danger alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                {{ Session::get('plan-expire') }}
            </div>
        @endif

        <div class="content-container account-setting">
            <ul class="nav nav-pills account-setting__nav" id="pills-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link  @if(!(Session::has('plan-expire'))) active @endif"   @if(!(Session::has('plan-expire'))) id="general-information-tab" data-toggle="pill" href="#general-information" role="tab" aria-controls="pills-information-tab" aria-selected="true" @endif >
                        <svg width="22" height="22" viewBox="0 0 22 22">
                            <g fill="none" fill-rule="evenodd">
                                <path class="svg-stroke" stroke-linecap="square" stroke-width="1.5" d="M12.818 5.545H21V21H1V5.545h8.182"/>
                                <path class="svg-stroke" stroke-linecap="square" stroke-width="1.5" d="M12.818 7.363H9.182V2.818a1.818 1.818 0 1 1 3.636 0v4.545zM13.727 11.909h3.637M13.727 15.545h3.637"/>
                                <path class="svg-fill" d="M3.727 17.363a2.727 2.727 0 0 1 2.728-2.727h1.818A2.727 2.727 0 0 1 11 17.363H3.727zM7.364 10.09a1.819 1.819 0 1 1-.002 3.638 1.819 1.819 0 0 1 .002-3.637"/>
                            </g>
                        </svg>
                        <span>{{ trans('account_settings.account_setting') }}</span>
                    </a>
                </li>
                {{-- <li class="nav-item">
                    <a class="nav-link" @if(!(Session::has('plan-expire')))  id="location-information-tab" data-toggle="pill" href="#location-information" role="tab" aria-controls="pills-information-tab" aria-selected="false" @endif >
                        <svg width="20" height="25" viewBox="0 0 20 25">
                            <g fill="none" fill-rule="evenodd" class="svg-stroke" stroke-linecap="square" stroke-width="1.5">
                                <path d="M10 6.625a3.375 3.375 0 1 1 0 6.75 3.375 3.375 0 0 1 0-6.75z"/>
                                <path d="M19 10c0 4.97-9 13.5-9 13.5S1 14.97 1 10a9 9 0 0 1 18 0z"/>
                            </g>
                        </svg>
                        <span>{{ trans('account_settings.location_information') }}</span>
                    </a>
                </li> --}}
                <li class="nav-item">
                    <a class="nav-link" @if(!(Session::has('plan-expire')))  id="business-information-tab" data-toggle="pill" href="#business-information" role="tab" aria-controls="pills-information-tab" aria-selected="false" @endif >
                        <svg width="22" height="22" viewBox="0 0 22 22">
                            <g fill="none" fill-rule="evenodd" class="svg-stroke" stroke-linecap="square" stroke-width="1.5">
                                <path d="M7.364 4.636V1h7.272v3.636M20.09 17.363V21H1.91v-3.637M5.545 4.636v10M16.455 4.636v10"/>
                                <path d="M9.182 14.636H1v-10h20v10h-8.182"/>
                                <path d="M9.182 16.455h3.636v-3.637H9.182z"/>
                            </g>
                        </svg>    
                        <span>{{ trans('account_settings.business_information') }}</span>
                    </a>
                </li>
                {{--<li class="nav-item">
                    <a class="nav-link"  @if(!(Session::has('plan-expire'))) id="bank-information-tab" data-toggle="pill" href="#bank-information" role="tab" aria-controls="pills-information-tab" aria-selected="false" @endif >
                        <svg width="22" height="21" viewBox="0 0 22 21">
                            <g fill="none" fill-rule="evenodd">
                                <path class="svg-stroke" stroke-linecap="square" stroke-width="1.5" d="M11 1.126L1 6.581v2.727h20V6.581zM2.818 17.49v-5.455M8.273 17.49v-5.455M13.727 17.49v-5.455M19.182 17.49v-5.455M1 20.217h20"/>
                                <path class="svg-fill" d="M11 4.763a.91.91 0 1 1 0 1.818.91.91 0 0 1 0-1.818"/>
                            </g>
                        </svg>    
                        <span>{{ trans('account_settings.bank_information') }}</span>
                    </a>
                </li>--}}
                @if(Auth::user()->currentPlan()->subscription_type == 'pro')
                    <li class="nav-item">
                        <a class="nav-link"  @if(!(Session::has('plan-expire'))) id="marchant-information-tab" data-toggle="pill" href="#marchant-information" role="tab" aria-controls="pills-information-tab" aria-selected="false" @endif >
                            <svg width="22" height="21" viewBox="0 0 22 21">
                                <g fill="none" fill-rule="evenodd">
                                    <path class="svg-stroke" stroke-linecap="square" stroke-width="1.5" d="M11 1.126L1 6.581v2.727h20V6.581zM2.818 17.49v-5.455M8.273 17.49v-5.455M13.727 17.49v-5.455M19.182 17.49v-5.455M1 20.217h20"/>
                                    <path class="svg-fill" d="M11 4.763a.91.91 0 1 1 0 1.818.91.91 0 0 1 0-1.818"/>
                                </g>
                            </svg>    
                            <span>Merchant ID</span>
                        </a>
                    </li>
                @endif
                <li class="nav-item">
                    <a class="nav-link @if((Session::has('plan-expire'))) active @endif" id="plans-tab" data-toggle="pill" href="#plans" role="tab" aria-controls="pills-plans" aria-selected="false">
                        <svg width="21" height="24" viewBox="0 0 21 24">
                            <g fill="none" fill-rule="evenodd" class="svg-stroke" stroke-linecap="square" stroke-width="1.5">
                                <path d="M6.875 1H20.25v22H6.875zM1 3.625h5.875v16.75H1zM15.098 10h-2.934M15.098 6h-2.934"/>
                                <path d="M10.875 15.918l1.785 2.379 3.965-3.469"/>
                            </g>
                        </svg>
                        <span>{{ trans('account_settings.plans') }}</span>
                    </a>
                </li>
            </ul>
            <div class="tab-content account-setting__content">
                <div class="tab-pane fade @if(!(Session::has('plan-expire'))) show active @endif"  @if(!(Session::has('plan-expire'))) id="general-information" role="tabpanel" aria-labelledby="general-information-tab" ng-controller="generalSettingsController" @endif >
                    @include('theme.freelancer.account-setting.general-information')
                </div>
                <div class="tab-pane fade"  @if(!(Session::has('plan-expire'))) id="location-information" role="tabpanel" aria-labelledby="location-information-tab" ng-controller="locationSettingsController" @endif>
                    @include('theme.freelancer.account-setting.location-information')
                </div>
                <div class="tab-pane fade"  @if(!(Session::has('plan-expire'))) id="business-information" role="tabpanel" aria-labelledby="business-information-tab" ng-controller="businessSettingsController" @endif>
                    @include('theme.freelancer.account-setting.business-information')
                </div>
                <div class="tab-pane fade" @if(!(Session::has('plan-expire'))) id="bank-information" role="tabpanel" aria-labelledby="bank-information-tab" ng-controller="bankSettingsController" @endif>
                    @include('theme.freelancer.account-setting.bank-information')
                </div>
                <div class="tab-pane fade" @if(!(Session::has('plan-expire'))) id="marchant-information" role="tabpanel" aria-labelledby="bank-information-tab" ng-controller="businessSettingsController" @endif>
                    @include('theme.freelancer.account-setting.marchant-information')
                </div>
                <div class="tab-pane fade @if(Session::has('plan-expire')) show active @endif" id="plans" role="tabpanel" aria-labelledby="plans-tab" ng-controller="planSubscriptionController">
                    @include('theme.layouts.partials.loading')
                    @include('theme.freelancer.account-setting.plans')
                </div>
            </div>
        </div>
    </div>
</main>
       
@endsection
@section('scripts')
    <script>
        window.freelancer = {
            id: {{ $freelancer->id }}
        };
    </script>
    <script src="/theme/js/lib/color-picker.min.js"></script>
    <script src="/theme/js/lib/moment.js"></script>
    <!-- <script src="/theme/js/lib/ng-file-upload.min.js"></script> -->
    <!-- <script src="/theme/js/lib/intlTelInput.min.js"></script> -->
    <!-- <script src="/theme/js/lib/maskinput.js"></script> -->
    <script src="/theme/js/freelancer/js/account-settings/account-settings-ctrl.js"></script>
    
  <!--   <script src="/theme/js/lib/ng-file-upload.min.js"></script>
    <script src="/theme/js/lib/intlTelInput.min.js"></script>
    <script src="/theme/js/lib/maskinput.js"></script>
    <script src="/theme/js/freelancer/js/account-settings/general-settings-ctrl.js"></script>
    <script src="/theme/js/freelancer/js/account-settings/plan-subscription-ctrl.js"></script>
    <script src="/theme/js/freelancer/js/account-settings/location-settings-ctrl.js"></script>
    <script src="/theme/js/freelancer/js/account-settings/business-settings-ctrl.js"></script>
    <script src="/theme/js/freelancer/js/account-settings/bank-settings-ctrl.js"></script>
    <script src="/theme/js/freelancer/js/account-settings/notif.js"></script>
     <script src="/theme/js/directives/common-directives.js"></script>
    <script src="/theme/js/filters/common-filters.js"></script> -->

    <script src="/theme/js/lib/bluebird.min.js"></script>
    <script src="/theme/js/lib/tap.min.js"></script>
    <script src="/theme/js/functions/tap.js"></script>
@endsection