@extends('admin.layouts.app')
@section('panel')
    <div class="row">
        <div class="col-12">
            <div class="row gy-4">
                <div class="col-xxl-3 col-sm-6">
                    <div class="widget-two style--two box--shadow2 b-radius--5 bg--19">
                        <div class="widget-two__icon b-radius--5 bg--success">
                            <i class="las la-money-bill-wave-alt"></i>
                        </div>
                        <div class="widget-two__content">
                            <h3 class="text-white">{{ $general->cur_sym }}{{showAmount($widget['total_deposit']) }}</h3>
                            <p class="text-white">@lang('Total Deposit')</p>
                        </div>
                        <a href="{{route('admin.deposit.list')}}?search={{$employer->username}}" class="widget-two__btn">@lang('View All')</a>
                    </div>
                </div>
                <div class="col-xxl-3 col-sm-6">
                    <div class="widget-two style--two box--shadow2 b-radius--5 bg--3">
                        <div class="widget-two__icon b-radius--5 bg--danger">
                            <i class="las la-exchange-alt"></i>
                        </div>
                        <div class="widget-two__content">
                            <h3 class="text-white">{{getAmount($widget['total_transaction']) }}</h3>
                            <p class="text-white">@lang('Total Transaction')</p>
                        </div>
                        <a href="{{route('admin.report.transaction')}}?employer_id={{$employer->id}}" class="widget-two__btn">@lang('View All')</a>
                    </div>
                </div>
                <div class="col-xxl-3 col-sm-6">
                    <div class="widget-two style--two box--shadow2 b-radius--5 bg--10">
                        <div class="widget-two__icon b-radius--5 bg--warning">
                            <i class="las la-bars"></i>
                        </div>
                        <div class="widget-two__content">
                            <h3 class="text-white">{{getAmount($widget['total_job']) }}</h3>
                            <p class="text-white">@lang('Total Job')</p>
                        </div>
                        <a href="{{ route('admin.jobs.index') }}?employer_id={{ $employer->id }}" class="widget-two__btn">@lang('View All')</a>
                    </div>
                </div>
                <div class="col-xxl-3 col-sm-6">
                    <div class="widget-two style--two box--shadow2 b-radius--5 bg--11">
                        <div class="widget-two__icon b-radius--5 bg--primary">
                            <i class="las la-paper-plane"></i>
                        </div>
                        <div class="widget-two__content">
                            <h3 class="text-white">{{getAmount($widget['total_plan_subscribe']) }}</h3>
                            <p class="text-white">@lang('Total Plan Subscribe')</p>
                        </div>
                        <a href="{{route('admin.plan.subscriber.list')}}?employer_id={{$employer->id}}" class="widget-two__btn">@lang('View All')</a>
                    </div>
                </div>
            </div>
            <div class="d-flex flex-wrap gap-3 mt-4">
                <div class="flex-fill">
                    <button data-bs-toggle="modal" data-bs-target="#addSubModal" class="btn btn--success btn--shadow w-100 btn-lg bal-btn" data-act="add">
                        <i class="las la-plus-circle"></i> @lang('Balance')
                    </button>
                </div>

                <div class="flex-fill">
                    <button data-bs-toggle="modal" data-bs-target="#addSubModal" class="btn btn--danger btn--shadow w-100 btn-lg bal-btn" data-act="sub">
                        <i class="las la-minus-circle"></i> @lang('Balance')
                    </button>
                </div>

                <div class="flex-fill">
                    <a href="{{route('admin.report.login.history')}}?employer_id={{ $employer->id }}" class="btn btn--primary btn--shadow w-100 btn-lg">
                        <i class="las la-list-alt"></i>@lang('Logins')
                    </a>
                </div>
                <div class="flex-fill">
                    <a href="{{ route('admin.employers.notification.log',$employer->id) }}" class="btn btn--secondary btn--shadow w-100 btn-lg">
                        <i class="las la-bell"></i>@lang('Notifications')
                    </a>
                </div>
                <div class="flex-fill">
                    <a href="{{route('admin.employers.login',$employer->id)}}" target="_blank" class="btn btn--primary btn--gradi btn--shadow w-100 btn-lg">
                        <i class="las la-sign-in-alt"></i>@lang('Login as Employer')
                    </a>
                </div>
                <div class="flex-fill">
                    @if($employer->status == Status::EMPLOYER_ACTIVE)
                    <button type="button" class="btn btn--warning btn--gradi btn--shadow w-100 btn-lg userStatus" data-bs-toggle="modal" data-bs-target="#userStatusModal">
                        <i class="las la-ban"></i>@lang('Ban Employers')
                    </button>
                    @else
                    <button type="button" class="btn btn--success btn--gradi btn--shadow w-100 btn-lg userStatus" data-bs-toggle="modal" data-bs-target="#userStatusModal">
                        <i class="las la-undo"></i>@lang('Unban Employers')
                    </button>
                    @endif
                </div>
            </div>
            <form action="{{route('admin.employers.update',[$employer->id])}}" method="POST" enctype="multipart/form-data">
                @csrf
            <div class="row gy-4">
                <div class="col-12">
                    <div class="card mt-30">
                        <div class="card-header">
                            <h5 class="card-title mb-0">@lang('Basic Information Of ') {{ __($employer->company_name) }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label class="form-control-label">@lang('Company Name')</label>
                                    <input class="form-control" type="text" name="company_name" required value="{{$employer->company_name}}">
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="form-control-label">@lang('Company CEO')</label>
                                    <input class="form-control" type="text" name="company_ceo" required value="{{$employer->ceo_name}}">
                                </div>
                                <div class="form-group col-md-4">
                                    <label>@lang('Username') </label>
                                    <input class="form-control" readonly  value="{{$employer->username}}" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label>@lang('Email') </label>
                                    <input class="form-control"  name="email" value="{{$employer->email}}" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label>@lang('Mobile Number')</label>
                                    <div class="input-group ">
                                        <span class="input-group-text mobile-code"></span>
                                        <input type="number" name="mobile" value="{{ old('mobile') }}" id="mobile" class="form-control checkUser" required>
                                    </div>
                                </div>
                                <div class="form-group col-md-4 ">
                                    <label>@lang('Country')</label>
                                    <select name="country" class="form-control">
                                        @foreach($countries as $key => $country)
                                            <option data-mobile_code="{{ $country->dial_code }}" value="{{ $key }}">{{ __($country->country) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-lg-3 col-md-6">
                                    <label>@lang('Website')</label>
                                    <input class="form-control" type="url" name="website" value="{{@$employer->website}}">
                                </div>
                                <div class="form-group col-lg-3 col-md-6">
                                    <label>@lang('FAX')</label>
                                    <input class="form-control" type="text" name="fax" value="{{@$employer->fax}}">
                                </div>
                                <div class="form-group col-lg-3 col-md-6">
                                    <label>@lang('Industry')</label>
                                    <select class="form-control" name="industry" required>
                                        <option selected disabled>@lang('Select One')</option>
                                        @foreach ($industries as $industry)
                                            <option value="{{ $industry->id }}" @selected($industry->id ==$employer->industry_id)>{{ __($industry->name) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-lg-3 col-md-6">
                                    <label>@lang('Number Of Employess')</label>
                                    <select class="form-control" name="number_of_employees" required>
                                        <option selected disabled>@lang('Select One')</option>
                                        @foreach ($numberOfEmployees as $numberOfEmployee)
                                            <option value="{{ $numberOfEmployee->id }}" @selected($numberOfEmployee->id == $employer->number_of_employees_id)>{{ __($numberOfEmployee->employees) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group  col-lg-4 col-md-6">
                                    <label>@lang('Email Verification')</label>
                                    <input type="checkbox" data-width="100%" data-onstyle="-success" data-offstyle="-danger"
                                            data-bs-toggle="toggle" data-on="@lang('Verified')" data-off="@lang('Unverified')" name="ev" @checked($employer->ev)>
                                </div>
                                <div class="form-group  col-lg-4 col-md-6">
                                    <label>@lang('Mobile Verification')</label>
                                    <input type="checkbox" data-width="100%" data-onstyle="-success" data-offstyle="-danger"
                                            data-bs-toggle="toggle" data-on="@lang('Verified')" data-off="@lang('Unverified')" name="sv" @checked($employer->sv)>
                                </div>
                                <div class="form-group col-lg-4 col-md-6">
                                    <label>@lang('2FA Verification') </label>
                                    <input type="checkbox" data-width="100%" data-height="50" data-onstyle="-success" data-offstyle="-danger" data-bs-toggle="toggle" data-on="@lang('Enable')" data-off="@lang('Disable')" name="ts" @checked($employer->ts)>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">@lang('Address')</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <label>@lang('Address')</label>
                                <input class="form-control" type="text" name="address[address]" value="{{@$employer->address->address}}">
                            </div>
                            <div class="form-group">
                                <label>@lang('City')</label>
                                <input class="form-control" type="text" name="address[city]" value="{{@$employer->address->city}}">
                            </div>
                            <div class="form-group">
                                <label>@lang('State')</label>
                                <input class="form-control" type="text" name="address[state]" value="{{@$employer->address->state}}">
                            </div>
                            <div class="form-group">
                                <label>@lang('Zip/Postal')</label>
                                <input class="form-control" type="text" name="address[zip]" value="{{@$employer->address->zip}}">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">@lang('Social Link')</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <label>@lang('Facebook')</label>
                                <input class="form-control" type="url" name="social_links[facebook]" value="{{@$employer->social_media->facebook}}">
                            </div>
                            <div class="form-group ">
                                <label>@lang('Twitter')</label>
                                <input class="form-control" type="url" name="social_links[twitter]" value="{{@$employer->social_media->twitter}}">
                            </div>
                            <div class="form-group ">
                                <label>@lang('Linkedin')</label>
                                <input class="form-control" type="url" name="social_links[linkedin]" value="{{@$employer->social_media->linkedin}}">
                            </div>
                            <div class="form-group ">
                                <label>@lang('Pinterest')</label>
                                <input class="form-control" type="url" name="social_links[pinterest]" value="{{@$employer->social_media->pinterest}}">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="card h-100">
                        <div class="card-header">
                            <h5 class="card-title mb-0">@lang("Description")</h5>
                        </div>
                        <div class="card-body">
                            <textarea name="description" class="nicEdit" id="" cols="30" rows="10">
                                @php echo $employer->description; @endphp
                            </textarea>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <button type="submit" class="btn--primary btn h-45 w-100">@lang('Submit')</button>
                        </div>
                    </div>
                </div>
            </div>
            </form>
        </div>
    </div>

    <div id="userStatusModal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">
                        @if($employer->status == Status::USER_ACTIVE)
                        <span>@lang('Ban Employers')</span>
                        @else
                        <span>@lang('Unban Employers')</span>
                        @endif
                    </h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <form action="{{route('admin.employers.status',$employer->id)}}" method="POST">
                    @csrf
                    <div class="modal-body">
                        @if($employer->status == Status::EMPLOYER_ACTIVE)
                        <h6 class="mb-2">@lang('If you ban this employers he/she won\'t able to access his/her dashboard.')</h6>
                        <div class="form-group">
                            <label>@lang('Reason')</label>
                            <textarea class="form-control" name="reason" rows="4" required></textarea>
                        </div>
                        @else
                        <p><span>@lang('Ban reason was'):</span></p>
                        <p>{{ $employer->ban_reason }}</p>
                        <h4 class="text-center mt-3">@lang('Are you sure to unban this employers?')</h4>
                        @endif
                    </div>
                    <div class="modal-footer">
                        @if($employer->status == Status::EMPLOYER_ACTIVE)
                        <button type="submit" class="btn btn--primary h-45 w-100">@lang('Submit')</button>
                        @else
                        <button type="button" class="btn btn--dark" data-bs-dismiss="modal">@lang('No')</button>
                        <button type="submit" class="btn btn--primary">@lang('Yes')</button>
                        @endif
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="addSubModal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><span class="type"></span> <span>@lang('Balance')</span></h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <form action="{{route('admin.employers.add.sub.balance',$employer->id)}}" method="POST">
                    @csrf
                    <input type="hidden" name="act">
                    <div class="modal-body">
                        <div class="form-group">
                            <label>@lang('Amount')</label>
                            <div class="input-group">
                                <input type="number" step="any" name="amount" class="form-control" placeholder="@lang('Please provide positive amount')" required>
                                <div class="input-group-text">{{ __($general->cur_text) }}</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>@lang('Remark')</label>
                            <textarea class="form-control" placeholder="@lang('Remark')" name="remark" rows="4" required></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn--primary h-45 w-100">@lang('Submit')</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection


@push('script')
<script>
    (function($){
    "use strict";

        let mobileElement = $('.mobile-code');
        $('select[name=country]').change(function(){
            mobileElement.text(`+${$('select[name=country] :selected').data('mobile_code')}`);
        });

        $('select[name=country]').val('{{@$employer->country_code}}');
        let dialCode        = $('select[name=country] :selected').data('mobile_code');
        let mobileNumber    = `{{ $employer->mobile }}`;
        mobileNumber        = mobileNumber.replace(dialCode,'');
        $('input[name=mobile]').val(mobileNumber);
        mobileElement.text(`+${dialCode}`);



        $('.bal-btn').click(function(){
            var act = $(this).data('act');
            $('#addSubModal').find('input[name=act]').val(act);
            if (act == 'add') {
                $('.type').text('Add');
            }else{
                $('.type').text('Subtract');
            }
        });

        $('label[for=number_of_employees]').on('mousedown',function (e) {
            let select=$('select[name=number_of_employees]')[0];
            var evt = event;
            console.log(evt);
            setTimeout(function(){
                select.dispatchEvent(evt);
            });

            console.log(45455,select);
        });

    })(jQuery);
</script>
@endpush