@extends('company.layout.content')

@section('customTitle')
{{__('company.Profile.menu.Profile')}}
@endsection

@section('customStyle')
<link href='{{ asset("company/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/assets/css/components/tabs-accordian/custom-tabs.css") }}' rel="stylesheet" type="text/css" />
@endsection


@section('customBody')
<div id="content" class="main-content">
    <div class="layout-px-spacing">
        <div class="row layout-top-spacing">
            <div class="col-12 layout-spacing ">
                <div class="statbox widget box box-shadow">
                    <div class="widget-header">
                        <div class="row">
                            <div class="col-12">
                                <h4>{{ $company->name }} - {{$branch->name ?? __('company.Public Administration')}}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="widget-content widget-content-area rounded-pills-icon">
                        <ul class="nav nav-pills mb-4 mt-3 justify-content-center" id="rounded-pills-icon-tab" role="tablist">
                            <li class="nav-item ml-2 mr-2">
                                <a class="nav-link mb-2 text-center {{ current_tab('#general-information') }}" id="general-information-tab" data-toggle="pill" href="#general-information" role="tab" aria-controls="general-information" aria-selected="false">
                                    <i class="las la-home"></i>
                                    {{ __('company.Profile.tabs.general_information') }}
                                </a>
                            </li>

                            <li class="nav-item ml-2 mr-2">
                                <a class="nav-link mb-2 text-center {{ current_tab('#notificationsInformation') }}" id="notificationsInformation-tab" data-toggle="pill" href="#notificationsInformation" role="tab" aria-controls="notificationsInformation" aria-selected="false">
                                    <i class="las la-bell"></i>
                                    {{ __('company.Profile.tabs.notifications') }}
                                </a>
                            </li>

                        </ul>

                        <div class="tab-content" id="rounded-pills-icon-tabContent">
                            <div class="tab-pane fade {{ current_tab('#general-information') }}" id="general-information" role="tabpanel" aria-labelledby="general-information-tab">

                                @if($company->logo)
                                <div class="form-row mb-4 justify-content-center">
                                    <img src="{{ $company->logo }}" width="150" height="150" class="rounded-circle" />
                                </div>
                                @endif

                                <form class="uroad-form" action="{{ route('company.profile.update') }}" method="POST" enctype="multipart/form-data">
                                    @method("PATCH")
                                    @csrf

                                    <div class="form-row mb-4">

                                        @if (Auth::user()->is_senior_management == true)
                                        <div class="form-group col-md-12">
                                            <label for="logo">{{ __('company.Profile.fields.logo') }}</label>
                                            <input type="file" class="form-control" id="logo" placeholder="{{ __('company.Profile.fields.Logo') }}" name="logo">
                                        </div>
                                        @endif

                                        <div class="form-group col-md-6">
                                            <label for="country">{{ __('company.Profile.fields.country') }}</label>
                                            <input type="text" class="form-control" id="country" placeholder="{{ __('company.Profile.fields.country') }}" value="{{ $company->country->name }}" readonly>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="city">{{ __('company.Profile.fields.city') }}</label>
                                            <input type="text" class="form-control" id="city" placeholder="{{ __('company.Profile.fields.city') }}" value="{{ $company->city->name }}" readonly>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="ar_name">{{ __('company.Profile.fields.ar_name') }}</label>
                                            <input type="text" class="form-control" id="ar_name" placeholder="{{ __('company.Profile.fields.ar_name') }}" value="{{ $company->ar_name }}" readonly>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="en_name">{{ __('company.Profile.fields.en_name') }}</label>
                                            <input type="text" class="form-control" id="en_name" placeholder="{{ __('company.Profile.fields.en_name') }}" value="{{ $company->en_name }}" readonly>
                                        </div>

                                        {{-- @can('superAdmin')
                                        <div class="form-group col-md-6 d-flex flex-column align-items-center">
                                            <label for="cr_image">{{ __('company.Profile.fields.cr_image') }}</label>
                                            <a class="avatar avatar-xl" href="{{ $company->cr_image }}" target="_blank">
                                                <img alt="avatar" class="" src="{{ $company->cr_image }}" width="50" height="50">
                                            </a>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="cr_number">{{ __('company.Profile.fields.cr_number') }}</label>
                                            <input type="text" class="form-control" id="cr_number" placeholder="{{ __('company.Profile.fields.cr_number') }}" value="{{ $company->cr_number }}" readonly>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="cr_expiration">{{ __('company.Profile.fields.cr_expiration') }}</label>
                                            <input type="date" class="form-control basicFlatpickr flatpickr flatpickr-input" id="cr_expiration" placeholder="{{ __('company.Profile.fields.cr_expiration') }}" value="{{ $company->cr_expiration }}" name="cr_expiration">
                                        </div>
                                        @endcan --}}


                                        <div class="form-group col-md-6">
                                            <label for="username">{{ __('company.Profile.fields.username') }}</label>
                                            <input required type="text" class="form-control" id="username" placeholder="{{ __('company.Profile.fields.username') }}" value="{{ $company_admin->username }}" name="username">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="supervisor_name">{{ __('company.Profile.fields.supervisor_name') }}</label>
                                            <input name="supervisor_name" required type="text" class="form-control" id="supervisor_name" placeholder="{{ __('company.Profile.fields.supervisor_name') }}" value="{{ $branch->supervisor_name ?? $company->supervisor_name }}" @if (!$company_admin->is_senior_management) readonly @endif>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="contact_number">{{ __('company.Profile.fields.contact_number') }}</label>
                                            <input name="contact_number" required type="text" class="form-control" id="contact_number" placeholder="{{ __('company.Profile.fields.contact_number') }}" value="{{ $branch->contact_number ?? $company->contact_number }}" @if (!$company_admin->is_senior_management) readonly @endif>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="email">{{ __('company.Profile.fields.email') }}</label>
                                            <input name="email" required type="text" class="form-control" id="email" placeholder="{{ __('company.Profile.fields.email') }}" value="{{ $branch->email ?? $company->email }}" @if (!$company_admin->is_senior_management) readonly @endif>
                                        </div>


                                        <div class="form-group col-md-6">
                                            <label for="password">{{ __('company.Profile.fields.password') }}</label>
                                            <input name="password" type="password" class="form-control" id="password" placeholder="{{ __('company.Profile.fields.password') }}">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="password_confirmation">{{ __('company.Profile.fields.password_confirmation') }}</label>
                                            <input name="password_confirmation" type="password" class="form-control" id="password_confirmation" placeholder="{{ __('company.Profile.fields.password_confirmation') }}">
                                        </div>


                                    </div>

                                    <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.submit') }}">
                                </form>
                            </div>

                            <div class="tab-pane fade {{ current_tab('#notificationsInformation') }}" id="notificationsInformation" role="tabpanel" aria-labelledby="notificationsInformation-tab">
                                <div class="widget-content widget-content-area br-6">
                                    <div class="filter-container">
                                        <a href="{{ route('company.notifications.read') }}">
                                            <button class="btn btn-success"> <i class="fas fa-check"></i> @lang('general.mark_all_as_read')</button>
                                        </a>

                                        <button class="btn btn-primary filter-button"> <i class="fas fa-filter"></i></button>

                                        <div class="filters-inputs">
                                            <form>
                                                <div class="form-row">
                                                    <div class="form-group col-md-6 mb-0">
                                                        <label for="sectionFilter">{{ __('company.Profile.fields.section') }}</label>
                                                        <select id="sectionFilter" class="form-control basic">
                                                            <option value="">{{ __('general.all') }}</option>
                                                            @foreach ($notification_sections as $section)
                                                            <option value="{{$section}}">{{ __('general.notifications_sections.' . $section) }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-md-6 mb-0">
                                                        <label for="isReadFilter">{{ __('company.Profile.fields.is_read') }}</label>
                                                        <select id="isReadFilter" class="form-control basic">
                                                            <option value="" selected>{{ __('general.all') }}</option>
                                                            <option value="1">{{ __('general.yes') }}</option>
                                                            <option value="0">{{ __('general.no') }}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>

                                    <div class="table-responsive">
                                        <table id="notificationsTable" class="table text-center">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('company.Profile.fields.notification_title') }}</th>
                                                    <th>{{ __('company.Profile.fields.notification_type') }}</th>
                                                    <th>{{ __('company.Profile.fields.created_at') }}</th>
                                                </tr>
                                            </thead>
                                            <tfoot>
                                                <tr>
                                                    <th>{{ __('company.Profile.fields.notification_title') }}</th>
                                                    <th>{{ __('company.Profile.fields.notification_type') }}</th>
                                                    <th>{{ __('company.Profile.fields.created_at') }}</th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('customScript')
<script src='{{ asset("company/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>
<script>
    var notificationsTable = initializeDataTable("#notificationsTable",{
            columns : [
                {data: "title", searchable: false, orderable: false},
                {data: "type", searchable: false},
                {data: "created_at", searchable: false},
                {data:"id",visible:false},
                {data:"link",visible:false},
                {data:"read_at",visible:false}
            ],
            createdRow: function (row, data, dataIndex) {
                if (data.read_at === null) {
                    $(row).addClass('table-info');
                }

                $(row).addClass('notification');
                $(row).data('notification',data.id);
                $(row).data('href',data.link);
                $(row).data('read_at',data.read_at);

            }},{
            table: 'notifications'
        }
    );

    $("#sectionFilter,#isReadFilter").on("change",function(){
        reloadDataTable(notificationsTable,{
            section : $("#sectionFilter").val(),
            is_read: $('#isReadFilter').val()
        });
    });
</script>
@endsection