@extends("agentportal.layouts.layout")

@section("title", $details->name)

@section("page_style")
<link rel="stylesseet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">
@endsection

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                {{ $details->code }} : {{ $details->name }}
                            </h3>
                            <div class="card-toolbar">
                                <!--begin::Button-->
                                @php
                                $url = 'agentportal/locations/';
                                if ($parent) {
                                    $url .= 'show/' . $parent->id;
                                }
                                @endphp
                                @if(request()->has('CU'))
                                <a href="{{ url()->previous() }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                @else
                                <a href="{{ url($url) }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                @endif
                                <!--end::Button-->
                            </div>
                        </div>
                        <!--begin::Form-->
                        <div class="card-body">
                            <div class="example1">
                                <div class="example1-preview">
                                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="details-tab" data-toggle="tab" href="#details" role="tab" aria-controls="details" aria-selected="true">
                                                {!! trans("message_lang.LBL_DETAILS") !!}
                                            </a>
                                        </li>
                                        @if (!$parent)
                                        <li class="nav-item">
                                            <a class="nav-link" id="locations-tab" data-toggle="tab" href="#locations" role="tab" aria-controls="locations" aria-selected="false">
                                                {!! trans("message_lang.LBL_SUB_LOCATIONS") !!}
                                            </a>
                                        </li>
                                        @endif
                                        <li class="nav-item">
                                            <a class="nav-link" id="users-tab" data-toggle="tab" href="#users" role="tab" aria-controls="users" aria-selected="false">
                                                {!! trans("message_lang.LBL_USERS") !!}
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="providers-tab" data-toggle="tab" href="#providers" role="tab" aria-controls="providers" aria-selected="false">
                                                {!! trans("message_lang.LBL_PROVIDERS") !!}
                                            </a>
                                        </li>
                                        @hasanyrole('administrator|compliance')
                                        <li class="nav-item">
                                            <a class="nav-link" id="hours-tab" data-toggle="tab" href="#hours" role="tab" aria-controls="hours" aria-selected="false">
                                                {!! trans("message_lang.LBL_WEEKLY_WORKING_HOURS") !!}
                                            </a>
                                        </li>
                                        @endhasanyrole
                                    </ul>
                                    <div class="tab-content" id="myTabContent">
                                        <div role="tabpanel" aria-labelledby="details-tab" id="details" class="tab-pane fade active show">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">{!! trans("message_lang.LBL_LOCATION") !!}</h3>
                                                    </div>
                                                    <div class="card-toolbar">

                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-8">
                                                            <table class="table table-sm table-borderless">
                                                                <tr>
                                                                    <td>{!! trans("message_lang.LBL_CODE") !!}:</td>
                                                                    <th>{{ _set_dash($details->code) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans("message_lang.LBL_NAME") !!}:</td>
                                                                    <th>{{ _set_dash($details->name) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_ADDRESS') }}:</td>
                                                                    <th>{{ _set_dash($details->address) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_CITY') }}:</td>
                                                                    <th>{{ _set_dash($details->city) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_STATE') }}:</td>
                                                                    <th>{{ _set_dash($details->state) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_ZIP') }}:</td>
                                                                    <th>{{ _set_dash($details->zip) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                                    <th>{{ _set_dash($details->agentCountry->name) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_ENABLE_USD') }}:</td>
                                                                    <th>{{ $details->enable_usd == '0' ? 'Disabled' : 'Enabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_ENABLE_EXPENSES') !!}:</td>
                                                                    <th>{{ $details->enable_expense == '0' ? 'Disabled' : 'Enabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans("message_lang.LBL_ENABLE_SENDING") !!}:</td>
                                                                    @if ($parent)
                                                                    <th>{{ $parent->sending_enabled == 0 ? 'Disabled' : 'Enabled (' . number_format($parent->max_credit_limit, 2) . ')' }}</th>
                                                                    @else
                                                                    <th>{{ $details->sending_enabled == 0 ? 'Disabled' : 'Enabled (' . number_format($details->max_credit_limit, 2) . ')' }}</th>
                                                                    @endif
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_ENABLE_CASH_REPAYMENT') !!}:</td>
                                                                    <th>{{ (isset($details->cash_repayment_enabled) && $details->cash_repayment_enabled == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_PAY_REPAYMENT') !!}:</td>
                                                                    <th>{{ (isset($details->enable_pay_repayment) && $details->enable_pay_repayment == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_PAY_TRANSACTION') !!}:</td>
                                                                    <th>{{ (isset($details->enable_pay_transaction) && $details->enable_pay_transaction == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_WALLET_REPAYMENT') !!}:</td>
                                                                    <th>{{ (isset($details->enable_wallet_repayment) && $details->enable_wallet_repayment == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_MOBILE_WALLET_NUMBER') !!}:</td>
                                                                    <th>{{ $details->wallet_number }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_CASHIN') !!}:</td>
                                                                    <th>{{ (isset($details->enable_cashin) && $details->enable_cashin == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_CASHOUT') !!}:</td>
                                                                    <th>{{ (isset($details->enable_cashout) && $details->enable_cashout == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_NETWORK_AGENT_TOPUP') !!}:</td>
                                                                    <th>{{ (isset($details->enable_agent_topup) && $details->enable_agent_topup == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_CASHOUT') !!}:</td>
                                                                    <th>{{ (isset($details->enable_cashout) && $details->enable_cashout == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.PLACEHOLDER_PHONE_NUMBER') }}:</td>
                                                                    <th>{{ _set_dash($details->phone) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_EMAIL') }}:</td>
                                                                    <th>{{ _set_dash($details->email) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_CREATED_BY') }}:</td>
                                                                    <th>{{ isset($details->createdBy) ? _set_dash($details->createdBy->first_name.' '.$details->createdBy->last_name) : "-" }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_UPDATED_BY') }}:</td>
                                                                    <th>{{ isset($details->updatedBy) ? _set_dash($details->updatedBy->first_name.' '.$details->updatedBy->last_name) : "-" }}</th>
                                                                </tr>
                                                                 <tr>
                                                                    <td>{{ trans('message_lang.LBL_CREATED_AT') }}:</td>
                                                                    <th>{{ _set_dash($details->created_at) }}</th>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="sender-logo text-center pb-2">
                                                                <img onError="this.onerror=null;this.src='{{ url('public/uploads/default/100_no_img.jpg') }}'"
                                                                @if(isset($details) && $details->logo != '')
                                                                src="{{ url($details->logo) }}"
                                                                @else
                                                                src="{{ url('public/uploads/default/100_no_img.jpg') }}"
                                                                @endif
                                                                style="height: 200px; width: 200px;" id="logoImg" alt="{{ @$details->name }}" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Card-->
                                        </div>
                                        <div role="tabpanel" aria-labelledby="locations-tab" id="locations" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">{!! trans("message_lang.LBL_SUB_LOCATIONS") !!}</h3>
                                                    </div>
                                                    <div class="card-toolbar">
                                                        <!--begin::Button-->
                                                        @if (empty($parent))
                                                        <a href="{{ url('agentportal/locations/' . $details->id . '/create') }}"
                                                            class="btn btn-primary font-weight-bolder">{!! trans("message_lang.BTN_ADD_NEW") !!}</a>
                                                        @endif
                                                        <!--end::Button-->
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <form method="POST" action="{{ route('agentportal.locations.csvExport') }}" name="form">
                                                        @csrf
                                                        <input type="hidden" name="id" value="{!! $details->id !!}">
                                                        <div class="form-group row justify-content-end">
                                                            <div class="col-md-3">
                                                                <button type="submit" name="export" class="btn btn-primary font-weight-bolder float-right">Export to CSV</button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                    <!--begin: Datatable-->
                                                    <table id="datatable" class="table table-bordered grid-table nowrap">
                                                        <thead>
                                                            <tr>
                                                                <th>#</th>
                                                                <th>{!! trans("message_lang.LBL_CODE") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_NAME") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_EMAIL") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_PHONE") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_ADDRESS") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_STATUS") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_ACTION") !!}</th>
                                                            </tr>
                                                        </thead>
                                                    </table>
                                                    <!--end: Datatable-->
                                                </div>
                                            </div>
                                            <!--end::Card-->
                                        </div>
                                        <div role="tabpanel" aria-labelledby="users-tab" id="users" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">{!! trans("message_lang.LBL_USERS") !!}</h3>
                                                    </div>
                                                    <div class="card-toolbar">
                                                        @hasanyrole('administrator|compliance')
                                                        <!--begin::Button-->
                                                        <a href="{{ url('agentportal/locations/' . $details->id . '/users/create') }}" class="btn btn-primary font-weight-bolder">{!! trans("message_lang.BTN_ADD_NEW") !!}</a>
                                                        <!--end::Button-->
                                                        @endhasanyrole
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <!--begin: Datatable-->
                                                    <table id="datatable2" class="table table-bordered grid-table nowrap">
                                                        <thead>
                                                            <tr>
                                                                <th># </th>
                                                                <th>{!! trans("message_lang.LBL_NAME") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_ROLE") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_USERNAME") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_EMAIL") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_PHONE") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_STATUS") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_ACTION") !!}</th>
                                                            </tr>
                                                        </thead>
                                                    </table>
                                                    <!--end: Datatable-->
                                                </div>
                                            </div>
                                            <!--end::Card-->
                                        </div>

                                        <!-- wallet providers -->
                                        <div role="tabpanel" aria-labelledby="providers-tab" id="providers" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">{!! trans("message_lang.LBL_PROVIDERS") !!}</h3>
                                                    </div>
                                                    <div class="card-toolbar">
                                                        <!--begin::Button-->
                                                        <a href="{{ url('agentportal/locations/' . $details->id . '/providers/add') }}" class="btn btn-primary font-weight-bolder">{!! trans("message_lang.BTN_ADD_NEW") !!}</a>
                                                        <!--end::Button-->
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <!--begin: Datatable-->
                                                    <table id="datatable2" class="table table-bordered grid-table nowrap">
                                                        <thead>
                                                            <tr>
                                                                <th>#</th>
                                                                <th>{!! trans("message_lang.LBL_PROVIDERS") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_PHONE_NUMBER") !!}</th>
                                                                <th>{!! trans("message_lang.LBL_ACTION") !!}</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @if($details->agent_providers->isNotEmpty())
                                                                @foreach ($details->agent_providers as $provider)
                                                                <tr>
                                                                    <td>
                                                                        <input type="checkbox" name="" id="">
                                                                    </td>
                                                                    <td>{{ $providers[$provider->provider] }}</td>
                                                                    <td>{{ $provider->wallet_number }}</td>
                                                                    <td>
                                                                        <a href="{{ url('agentportal/locations/'.$provider->agentLocation->id.'/providers/edit/'.$provider->id) }}" role="button" class="btn btn-sm btn-info">EDIT</a>
                                                                    </td>
                                                                </tr>
                                                                @endforeach
                                                            @else
                                                            <tr>
                                                                <td colspan="4" style="text-align: center">No configured providers</td>
                                                            </tr>
                                                            @endif
                                                        </tbody>
                                                    </table>
                                                    <!--end: Datatable-->
                                                </div>
                                            </div>
                                            <!--end::Card-->
                                        </div>

                                        <div role="tabpanel" aria-labelledby="hours-tab" id="hours" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <ul class="nav nav-tabs" id="HoursTab" role="tablist">
                                                @hasanyrole('administrator|compliance')
                                                <li class="nav-item">
                                                    <a class="nav-link active" id="BNB-hours-tab" data-toggle="tab" href="#BNBhours" role="tab" aria-controls="BNBhours" aria-selected="true">
                                                        {!! trans("message_lang.LBL_BNB_TRANSFER") !!}
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="MG-hours-tab" data-toggle="tab" href="#MGhours" role="tab" aria-controls="MGhours" aria-selected="false">
                                                        {!! trans("message_lang.LBL_MONEYGRAM") !!}
                                                    </a>
                                                </li>
                                                @endhasanyrole
                                            </ul>
                                            <div class="tab-content" id="HoursTabContent">
                                                <div role="tabpanel" aria-labelledby="BNB-hours-tab" id="BNBhours" class="tab-pane fade active show">
                                                    <form method="POST" id="working_hours" action="{!! route('agentportal.locations.workingHours',base64_encode($details->id)) !!}">
                                                    @csrf
                                                    <div class="card card-custom">
                                                        <div class="card-header">
                                                            <div class="card-title">
                                                                <h3 class="card-label">{!! trans("message_lang.LBL_BNB_TRANSFER") !!}</h3>
                                                            </div>
                                                            <div class="card-toolbar">

                                                            </div>
                                                        </div>
                                                        <div class="card-body">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="alert alert-custom alert-danger time_message" role="alert" style="display:none">
                                                                        <div class="alert-text">Select Valid Start and End Time</div>
                                                                        <div class="alert-close">
                                                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                                                <span aria-hidden="true">
                                                                                    <i class="ki ki-close"></i>
                                                                                </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <table class="table table-sm table-borderless">
                                                                        @if($details->working_hours('BNB')->count() > 0)
                                                                            @foreach($details->working_hours('BNB')->get() as $hour)
                                                                            <input type="hidden" name="hours[{{ $hour->week_day }}][company_code]" value="BNB">
                                                                            <input type="hidden" name="hours[{{ $hour->week_day }}][week_day]" value="{{ $hour->week_day }}">
                                                                            <tr>
                                                                                <th>{!! config('constants.WEEKDAYS')[$hour->week_day] !!}:</th>
                                                                                <td><input type="text" name="hours[{{ $hour->week_day }}][start_time]" id="MGStartTime{{ $hour->week_day }}" class="timepicker" data-id="#MGEndTime{{ $hour->week_day }}" placeholder="Start Time" value="{!! $hour->start_time ? Carbon\Carbon::parse($hour->start_time)->format("h:i a") : ''!!}" autocomplete="off"></td>
                                                                                <td><input type="text" name="hours[{{ $hour->week_day }}][end_time]" id="MGEndTime{{ $hour->week_day }}" class="timepicker" data-id="#MGStartTime{{ $hour->week_day }}"placeholder="End Time" value="{!! $hour->end_time ? Carbon\Carbon::parse($hour->end_time)->format("h:i a") : '' !!}" autocomplete="off"></td>
                                                                            </tr>
                                                                            @endforeach
                                                                        @else
                                                                            @foreach(config('constants.WEEKDAYS') as $i => $day)
                                                                            <input type="hidden" name="hours[{{ $i }}][company_code]" value="BNB">
                                                                            <input type="hidden" name="hours[{{ $i }}][week_day]" value="{{ $i }}">
                                                                            <tr>
                                                                                <th>{!! $day !!}:</th>
                                                                                <td><input type="text" name="hours[{{ $i }}][start_time]" id="MGStartTime{{ $i }}" class="timepicker" data-id="#MGEndTime{{ $i }}" placeholder="Start Time" autocomplete="off"></td>
                                                                                <td><input type="text" name="hours[{{ $i }}][end_time]" id="MGEndTime{{ $i }}" class="timepicker" data-id="#MGStartTime{{ $i }}" placeholder="End Time" autocomplete="off"></td>
                                                                            </tr>
                                                                            @endforeach
                                                                        @endif
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer">
                                                            <button type="submit" class="btn btn-primary mr-2 hours-submit">{{ trans('message_lang.BTN_SUBMIT') }}</button>
                                                            <button type="reset" class="btn btn-secondary">{{ trans('message_lang.BUTTON_CANCEL') }}</button>
                                                        </div>                    
                                                    </div>
                                                    <!--end::Card-->
                                                    </form>
                                                </div>
                                                <div role="tabpanel" aria-labelledby="MG-hours-tab" id="MGhours" class="tab-pane fade">
                                                    <form method="POST" id="MG_WORKING_HOURS" action="{!! route('agentportal.locations.workingHours',base64_encode($details->id)) !!}">
                                                    @csrf
                                                    <div class="card card-custom">
                                                        <div class="card-header">
                                                            <div class="card-title">
                                                                <h3 class="card-label">{!! trans("message_lang.LBL_MONEYGRAM") !!}</h3>
                                                            </div>
                                                            <div class="card-toolbar">

                                                            </div>
                                                        </div>
                                                        <div class="card-body">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="alert alert-custom alert-danger time_message" role="alert" style="display:none">
                                                                        <div class="alert-text">Select Valid Start and End Time</div>
                                                                        <div class="alert-close">
                                                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                                                <span aria-hidden="true">
                                                                                    <i class="ki ki-close"></i>
                                                                                </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <table class="table table-sm table-borderless">
                                                                        @if($details->working_hours('MG')->count() > 0)
                                                                            @foreach($details->working_hours('MG')->get() as $hour)
                                                                            <input type="hidden" name="hours[{{ $hour->week_day }}][company_code]" value="MG">
                                                                            <input type="hidden" name="hours[{{ $hour->week_day }}][week_day]" value="{{ $hour->week_day }}">
                                                                            <tr>
                                                                                <th>{!! config('constants.WEEKDAYS')[$hour->week_day] !!}:</th>
                                                                                <td><input type="text" name="hours[{{ $hour->week_day }}][start_time]" id="StartTime{{ $hour->week_day }}" class="timepicker" data-id="#EndTime{{ $hour->week_day }}" placeholder="Start Time" value="{!! $hour->start_time ? Carbon\Carbon::parse($hour->start_time)->format("h:i a") : ''!!}" autocomplete="off"></td>
                                                                                <td><input type="text" name="hours[{{ $hour->week_day }}][end_time]" id="EndTime{{ $hour->week_day }}" class="timepicker" data-id="#StartTime{{ $hour->week_day }}"placeholder="End Time" value="{!! $hour->end_time ? Carbon\Carbon::parse($hour->end_time)->format("h:i a") : '' !!}" autocomplete="off"></td>
                                                                            </tr>
                                                                            @endforeach
                                                                        @else
                                                                            @foreach(config('constants.WEEKDAYS') as $i => $day)
                                                                            <input type="hidden" name="hours[{{ $i }}][company_code]" value="MG">
                                                                            <input type="hidden" name="hours[{{ $i }}][week_day]" value="{{ $i }}">
                                                                            <tr>
                                                                                <th>{!! $day !!}:</th>
                                                                                <td><input type="text" name="hours[{{ $i }}][start_time]" id="StartTime{{ $i }}" class="timepicker" data-id="#EndTime{{ $i }}" placeholder="Start Time" autocomplete="off"></td>
                                                                                <td><input type="text" name="hours[{{ $i }}][end_time]" id="EndTime{{ $i }}" class="timepicker" data-id="#StartTime{{ $i }}" placeholder="End Time" autocomplete="off"></td>
                                                                            </tr>
                                                                            @endforeach
                                                                        @endif
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer">
                                                            <button type="submit" class="btn btn-primary mr-2 hours-submit">{{ trans('message_lang.BTN_SUBMIT') }}</button>
                                                            <button type="reset" class="btn btn-secondary">{{ trans('message_lang.BUTTON_CANCEL') }}</button>
                                                        </div>                    
                                                    </div>
                                                    <!--end::Card-->
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card-footer">

                        </div>
                        <!--end::Form-->
                    </div>
                    <!--end::Card-->
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection

@section("page_vendors")
<script src="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
@endsection

@section("page_script")
<script type="text/javascript">
    var datatable;
    var datatable2;
    $(document).ready(function () {

        $('.timepicker').timepicker({
            defaultTime: false,
            showInputs: false,
            minuteStep: 5
        });

        $('.timepicker').timepicker().on('changeTime.timepicker', function(e) {
            timeId = jQuery(this).data('id');
            start_time = timeId.includes("EndTime") ? jQuery(this).val() : jQuery(timeId).val();
            end_time = timeId.includes("StartTime") ? jQuery(this).val() : jQuery(timeId).val();
            if(start_time != "" && end_time != ""){
                var start_time = new Date("01/01/2000 " + start_time);
                start_time = start_time.getTime();
        
                var end_time = new Date("01/01/2000 " + end_time);
                end_time = end_time.getTime();

                console.log("Time1: "+ start_time + " Time2: " + end_time);
                if(start_time > end_time){
                    jQuery(".time_message").show();
                } else {
                    jQuery(".time_message").hide();
                }
            } else if(start_time != "" || end_time != ""){
                jQuery(".time_message").show();
            }
        });


        if ($('#datatable').length > 0) {
            datatable = $('#datatable').DataTable({
                processing: true,
                serverSide: true,
                responsive: true,
                lengthMenu: [[10, 50, 100, -1], [10, 50, 100, 'All']],
                pageLength: 10,
                aaSorting: [8, 'DESC'],
                ajax: {
                    url: "{{ url('agentportal/locations/ajaxDatatable') }}",
                    type: "POST",
                    dataType: "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{ csrf_token() }}"
                    },
                    data: {
                        id: "{{ $details->id }}"
                    }
                },
                columnDefs: [
                    {
                        targets: [0, 7], // first column & numbering column
                        orderable: false, // set not orderable
                    },
                    // {
                    //     targets: [3, 5, 8], // column index
                    //     searchable: false,
                    // },
                    {
                        targets: [8], // column index
                        visible: false,
                    }
                ],
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex'
                    },
                    {
                        data: 'code',
                        name: 'code',
                        render: function(data, type, row) {
                            return '<a href="' + row.data.url + '">' + data + '</a>';
                        }
                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'phone',
                        name: 'phone'
                    },
                    {
                        data: 'address',
                        name: 'address'
                    },
                    {
                        data: 'status',
                        name: 'status'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                    {
                        data: 'id',
                        name: 'id'
                    }
                ]
            });
        }

        if ($('#datatable2').length > 0) {
            datatable2 = $('#datatable2').DataTable({
                processing: true,
                serverSide: true,
                responsive: true,
                lengthMenu: [[10, 50, 100, -1], [10, 50, 100, 'All']],
                pageLength: 10,
                aaSorting: [8, 'DESC'],
                ajax: {
                    url: "{{ url('agentportal/locations/' . $details->id . '/users/ajaxDatatable') }}",
                    type: "POST",
                    dataType: "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{ csrf_token() }}"
                    },
                    data: {
                        //
                    }
                },
                columnDefs: [
                    {
                        targets: [0, 7], // first column & numbering column
                        orderable: false, // set not orderable
                    },
                    // {
                    //     targets: [3, 5, 8], // column index
                    //     searchable: false,
                    // },
                    {
                        targets: [8], // column index
                        visible: false,
                    }
                ],
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        /*render: function(data, type, row) {
                            var defaultContactId = "{{ $details->default_contact_id }}";
                            var checked = (defaultContactId != undefined && defaultContactId == row.id) ? ' checked': '';
                            return data+'\u00A0\u00A0<input type="radio" name="default_contact" value="'+row.id+'" onclick="updateContact(this);" '+checked+'>';
                        }*/
                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'role',
                        name: 'role'
                    },
                    {
                        data: 'username',
                        name: 'username'
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'phone',
                        name: 'phone'
                    },
                    {
                        data: 'status',
                        name: 'status'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                    {
                        data: 'id',
                        name: 'id'
                    }
                ]
            });
        }
    });

    function updateContact(radio){
        var value = radio.value;
        console.log(value);
        var id = "{!! $details->id !!}"
        $.ajax({
            url: "{!! url('agentportal/locations/ajaxUpdateDefaultContact') !!}",
            type: "POST",
            dataType: "json",
            headers: {
                'X-CSRF-TOKEN': "{{ csrf_token() }}"
            },
            data: {
                id: id,
                default_contact_id: value
            },
            success: function (response) {
                if (response.status == "success") {
                    toastr.success('{{ trans('message_lang.CONTACT_CHANGED_SUCCESSFULLY') }}', 'Success');
                } else {
                    toastr.error('{{ trans('message_lang.FAILED_TO_UPDATE') }}', 'Error');
                }
            }
        });
    }

    function change_status(selector) {
        var status = $(selector).data("status");
        var id = $(selector).data("id");
        $.ajax({
            url: "{!! url('agentportal/locations/ajaxChangeStatus') !!}",
            type: "POST",
            dataType: "json",
            headers: {
                'X-CSRF-TOKEN': "{{ csrf_token() }}"
            },
            data: {
                id: id,
                status: status
            },
            success: function (response) {
                if (response.status == "success") {
                    datatable.ajax.reload(null, false); // reload datatable ajax
                    toastr.success('{{ trans('message_lang.STATUS_CHANGED_SUCCESSFULLY') }}', 'Success');
                } else {
                    toastr.error('{{ trans('message_lang.FAILED_TO_UPDATE_STATUS') }}', 'Error');
                }
            }
        });
    }

    function change_status2(selector) {
        var status = $(selector).data("status");
        var id = $(selector).data("id");
        $.ajax({
            url: "{!! url('agentportal/locations/' . $details->id . '/users/ajaxChangeStatus') !!}",
            type: "POST",
            dataType: "json",
            headers: {
                'X-CSRF-TOKEN': "{{ csrf_token() }}"
            },
            data: {
                id: id,
                status: status
            },
            success: function (response) {
                if (response.status == "success") {
                    datatable2.ajax.reload(null, false); // reload datatable ajax
                    toastr.success('{{ trans('message_lang.STATUS_CHANGED_SUCCESSFULLY') }}', 'Success');
                } else {
                    toastr.error('{{ trans('message_lang.FAILED_TO_UPDATE_STATUS') }}', 'Error');
                }
            }
        });
    }
</script>
@endsection