@extends('company.layout.content')

@section('customTitle')
{{ $branch->name }}
@endsection

@section('customStyle')
<link href='{{ asset("company/$locale/assets/css/elements/alert.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><i class="las la-bolt"></i> {{ __('general.quick_actions') }}</h4>
                                <h4>
                                    <a href="{{ route('company.branches.activate',['branch' => $branch->id]) }}">
                                        <button class="btn btn-success">
                                            <i class="las la-check-circle"></i> {{ __("general.activate") }}
                                        </button>
                                    </a>

                                    <a href="{{ route('company.branches.deactivate',['branch' => $branch->id]) }}">
                                        <button class="btn btn-warning">
                                            <i class="las la-ban"></i> {{ __("general.deactivate") }}
                                        </button>
                                    </a>
                                </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>
                                    {{ __('general.general_information') }}
                                </a>
                            </li>
                            @if ($branch->company->subscribedTo("system"))
                            <li class="nav-item ml-2 mr-2">
                                <a class="nav-link mb-2 text-center {{ current_tab('#contracts') }}" id="contracts-tab" data-toggle="pill" href="#contracts" role="tab" aria-controls="contracts" aria-selected="false">
                                    <i class="las la-file-contract"></i>
                                    {{ __('general.contracts') }}
                                </a>
                            </li>
                            @endif

                            @if ($branch->company->subscribedTo("application"))
                            <li class="nav-item ml-2 mr-2">
                                <a class="nav-link mb-2 text-center {{ current_tab('#reservations') }}" id="reservations-tab" data-toggle="pill" href="#reservations" role="tab" aria-controls="reservations" aria-selected="false">
                                    <i class="las la-car"></i>
                                    {{ __('general.reservations') }}
                                </a>
                            </li>
                            @endif

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

                            @can('update', $setting)
                            <li class="nav-item ml-2 mr-2">
                                <a class="nav-link mb-2 text-center {{ current_tab('#settings') }}" id="settings-tab" data-toggle="pill" href="#settings" role="tab" aria-controls="settings" aria-selected="false">
                                    <i class="las la-cogs"></i>
                                    {{ __('general.settings') }}
                                </a>
                            </li>
                            @endcan
                        </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">
                                <div class="layout-px-spacing">
                                    <div class="row justify-content-space layout-top-spacing">
                                        <div class="col-md-4 mb-3">
                                            <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
                                                <div class="h-100 d-flex flex-column align-self-center m-2">
                                                    <div class="rounded-circle p-2" style="background-color: rgb(220 207 247 / 55%)">
                                                        <i class="las la-signature" style="color: #805dca;font-size: 25px"></i>
                                                    </div>
                                                </div>

                                                <div class="d-flex flex-column text-center h-100 w-100">
                                                    <p class="text-secondary">
                                                        <b>{{ __('validation.attributes.ar_name') }}</b>
                                                    </p>
                                                    <p>{{ $branch->ar_name }}</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mb-3">
                                            <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
                                                <div class="h-100 d-flex flex-column align-self-center m-2">
                                                    <div class="rounded-circle p-2" style="background-color: rgb(186, 231, 255);">
                                                        <i class="las la-signature" style="color: #2196f3;font-size: 25px"></i>
                                                    </div>
                                                </div>

                                                <div class="d-flex flex-column text-center h-100 w-100">
                                                    <p class="text-info">
                                                        <b>{{ __('validation.attributes.en_name') }}</b>
                                                    </p>
                                                    <p>{{ $branch->en_name }}</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mb-3">
                                            <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
                                                <div class="h-100 d-flex flex-column align-self-center m-2">
                                                    <div class="rounded-circle p-2" style="background-color: rgb(199 230 228 / 62%);">
                                                        <i class="las la-city" style="color: #009688;font-size: 25px"></i>
                                                    </div>
                                                </div>

                                                <div class="d-flex flex-column text-center h-100 w-100">
                                                    <p class="text-success">
                                                        <b>{{ __('validation.attributes.country') }}</b>
                                                    </p>
                                                    <p>{{ $branch->country->name }}</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mb-3">
                                            <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
                                                <div class="h-100 d-flex flex-column align-self-center m-2">
                                                    <div class="rounded-circle p-2" style="background-color: rgb(220 207 247 / 55%)">
                                                        <i class="las la-building" style="color: #805dca;font-size: 25px"></i>
                                                    </div>
                                                </div>

                                                <div class="d-flex flex-column text-center h-100 w-100">
                                                    <p class="text-secondary">
                                                        <b>{{ __('validation.attributes.city') }}</b>
                                                    </p>
                                                    <p>{{ $branch->city->name }}</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mb-3">
                                            <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
                                                <div class="h-100 d-flex flex-column align-self-center m-2">
                                                    <div class="rounded-circle p-2" style="background-color: rgb(186, 231, 255);">
                                                        <i class="las la-envelope" style="color: #2196f3;font-size: 25px"></i>
                                                    </div>
                                                </div>

                                                <div class="d-flex flex-column text-center h-100 w-100">
                                                    <p class="text-info">
                                                        <b>{{ __('validation.attributes.email') }}</b>
                                                    </p>
                                                    <p>
                                                        <a href="mailto:{{ $branch->email }}">
                                                            {{ $branch->email }}
                                                        </a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mb-3">
                                            <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
                                                <div class="h-100 d-flex flex-column align-self-center m-2">
                                                    <div class="rounded-circle p-2" style="background-color: rgb(199 230 228 / 62%);">
                                                        <i class="las la-phone-volume" style="color: #009688;font-size: 25px"></i>
                                                    </div>
                                                </div>

                                                <div class="d-flex flex-column text-center h-100 w-100">
                                                    <p class="text-success">
                                                        <b>{{ __('validation.attributes.contact_number') }}</b>
                                                    </p>
                                                    <p class="ltr">
                                                        <a href="tel:{{ $branch->contact_number }}">
                                                            {{ $branch->contact_number }}
                                                        </a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mb-3">
                                            <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
                                                <div class="h-100 d-flex flex-column align-self-center m-2">
                                                    <div class="rounded-circle p-2" style="background-color: rgb(220 207 247 / 55%)">
                                                        <i class="las la-user-tie" style="color: #805dca;font-size: 25px"></i>
                                                    </div>
                                                </div>

                                                <div class="d-flex flex-column text-center h-100 w-100">
                                                    <p class="text-secondary">
                                                        <b>{{ __('validation.attributes.supervisor_name') }}</b>
                                                    </p>
                                                    <p>{{ $branch->supervisor_name }}</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mb-3">
                                            <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
                                                <div class="h-100 d-flex flex-column align-self-center m-2">
                                                    <div class="rounded-circle p-2" style="background-color: rgb(186, 231, 255);">
                                                        <i class="las la-envelope" style="color: #2196f3;font-size: 25px"></i>
                                                    </div>
                                                </div>

                                                <div class="d-flex flex-column text-center h-100 w-100">
                                                    <p class="text-info">
                                                        <b>{{ __('validation.attributes.branch_code') }}</b>
                                                    </p>
                                                    <p>
                                                        {{ $branch?->code ?: "-----" }}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12 " style="height: auto;">
                                            <div class=" widget-chart-one">
                                                <div class="widget-heading"></div>
                                                <div class="widget-content" style="position: relative;">
                                                    <div class="ratings_chart"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>

                            @if ($branch->company->subscribedTo("system"))
                            <div class="tab-pane fade {{ current_tab('#contracts') }}" id="contracts" role="tabpanel" aria-labelledby="contracts-tab">
                                <div class="widget-content widget-content-area br-6">
                                    <div class="table-responsive">
                                        <table class="table table-hover text-center">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('validation.attributes.car') }}</th>
                                                    <th>{{ __('validation.attributes.serial_number') }}</th>
                                                    <th>{{ __('validation.attributes.start_date') }}</th>
                                                    <th>{{ __('validation.attributes.start_time') }}</th>
                                                    <th>{{ __('validation.attributes.end_date') }}</th>
                                                    <th>{{ __('validation.attributes.end_time') }}</th>
                                                    <th>{{ __('validation.attributes.number_of_days') }}</th>
                                                    <th>{{ __('validation.attributes.total_price') }}</th>
                                                    <th>{{ __('validation.attributes.status') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($branch->reservations()->where('type', 'contract')->get() as $reservation)
                                                <tr>
                                                    <td>{{ $reservation?->car?->models?->name }}</td>
                                                    <td>{{ $reservation?->contract?->serial_number }}</td>
                                                    <td>{{ $reservation?->start_date }}</td>
                                                    <td>{{ $reservation?->start_time }}</td>
                                                    <td>{{ $reservation?->end_date }}</td>
                                                    <td>{{ $reservation?->end_time }}</td>
                                                    <td>{{ $reservation?->days_number }}</td>
                                                    <td>{{ $reservation?->total_price }}</td>
                                                    <td>{{ __("validation.attributes.{$reservation?->contract?->status}") }}</td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <th>{{ __('validation.attributes.car') }}</th>
                                                    <th>{{ __('validation.attributes.serial_number') }}</th>
                                                    <th>{{ __('validation.attributes.start_date') }}</th>
                                                    <th>{{ __('validation.attributes.start_time') }}</th>
                                                    <th>{{ __('validation.attributes.end_date') }}</th>
                                                    <th>{{ __('validation.attributes.end_time') }}</th>
                                                    <th>{{ __('validation.attributes.number_of_days') }}</th>
                                                    <th>{{ __('validation.attributes.total_price') }}</th>
                                                    <th>{{ __('validation.attributes.status') }}</th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            @endif

                            @if ($branch->company->subscribedTo("application"))
                            <div class="tab-pane fade {{ current_tab('#reservations') }}" id="reservations" role="tabpanel" aria-labelledby="reservations-tab">
                                <div class="widget-content widget-content-area br-6">

                                    @include('company.reservation.table.index')

                                </div>
                            </div>
                            @endif

                            <div class="tab-pane fade {{ current_tab('#clients') }}" id="clients" role="tabpanel" aria-labelledby="clients-tab">
                                <div class="widget-content widget-content-area br-6">
                                    <div class="table-responsive">
                                        <table class="table table-hover text-center">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('validation.attributes.identification_number') }}</th>
                                                    <th>{{ __('validation.attributes.name') }}</th>
                                                    <th>{{ __('validation.attributes.mobile') }}</th>
                                                    <th>{{ __('validation.attributes.country') }}</th>
                                                    <th>{{ __('validation.attributes.city') }}</th>
                                                    <th>{{ __('validation.attributes.rank') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($branch->users as $user)
                                                <tr>
                                                    <td>{{ $user->identification_number}}</td>
                                                    <td>{{ $user->name}}</td>
                                                    <td class="ltr">
                                                        <a href="tel:{{ $user->mobile }}">
                                                            {{ $user->mobile }}
                                                        </a>
                                                    </td>
                                                    <td>{{ $user->country->name}}</td>
                                                    <td>{{ $user->city->name}}</td>
                                                    <td>{{ $user->class}}</td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <th>{{ __('validation.attributes.identification_number') }}</th>
                                                    <th>{{ __('validation.attributes.name') }}</th>
                                                    <th>{{ __('validation.attributes.mobile') }}</th>
                                                    <th>{{ __('validation.attributes.country') }}</th>
                                                    <th>{{ __('validation.attributes.city') }}</th>
                                                    <th>{{ __('validation.attributes.rank') }}</th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            @can('update', $setting)
                            <div class="tab-pane fade {{ current_tab('#settings') }}" id="settings" role="tabpanel" aria-labelledby="settings-tab">
                                <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 w-auto {{ current_tab('#general-settings-information') }}" id="general-settings-information-tab" data-toggle="pill" href="#general-settings-information" role="tab" aria-controls="general-settings-information" aria-selected="false">
                                                <div class="mb-2">
                                                    <img width="40" height="40" src="https://img.icons8.com/ios/100/information--v1.png" alt="information--v1" />
                                                </div>
                                                {{ __('general.general_settings') }}
                                            </a>
                                        </li>

                                        <li class="nav-item ml-2 mr-2">
                                            <a class="nav-link mb-2 text-center w-auto {{ current_tab('#policies-information') }}" id="policies-information-tab" data-toggle="pill" href="#policies-information" role="tab" aria-controls="policies-information" aria-selected="false">
                                                <div class="mb-2">
                                                    <img width="40" height="40" src="https://img.icons8.com/ios/100/privacy-policy.png" alt="information--v1" />
                                                </div>
                                                {{ __('general.policies') }}
                                            </a>
                                        </li>

                                        <li class="nav-item ml-2 mr-2">
                                            <a class="nav-link mb-2 text-center w-auto {{ current_tab('#working-times-information') }}" id="working-times-information-tab" data-toggle="pill" href="#working-times-information" role="tab" aria-controls="working-times-information" aria-selected="false">
                                                <div class="mb-2">
                                                    <img width="40" height="40" src="https://img.icons8.com/ios/100/time_2.png" alt="information--v1" />
                                                </div>
                                                {{ __('general.working_days') }}
                                            </a>
                                        </li>

                                        <li class="nav-item ml-2 mr-2">
                                            <a class="nav-link mb-2 text-center w-auto {{ current_tab('#delivery-service-information') }}" id="delivery-service-information-tab" data-toggle="pill" href="#delivery-service-information" role="tab" aria-controls="delivery-service-information" aria-selected="false">
                                                <div class="mb-2">
                                                    <img width="40" height="40" src="https://img.icons8.com/ios/100/car--v1.png" alt="information--v1" />
                                                </div>
                                                {{ __('general.delivery_service') }}
                                            </a>
                                        </li>

                                    </ul>

                                    <div class="tab-content" id="rounded-pills-icon-tabContent">

                                        <div class="tab-pane fade {{ current_tab('#general-settings-information') }}" id="general-settings-information" role="tabpanel" aria-labelledby="general-settings-information-tab">
                                            <form class="uroad-form" action="{{ route('company.settings.update_general', ['branch' => $branch?->id]) }}" method="POST" enctype="multipart/form-data">
                                                @method('PATCH')
                                                @csrf

                                                <div class="layout-px-spacing">

                                                    <div class="row justify-content-space layout-top-spacing">

                                                        <div class="col-12 mb-4">
                                                            <div class="alert alert-info text-center">@lang('general.general_settings')</div>
                                                        </div>

                                                        <div class="form-group col-12">
                                                            <label for="min_reservation_time">{{ __('validation.attributes.allowed_time_between_reservation_and_receipt') }}</label>
                                                            <input type="number" class="form-control" id="min_reservation_time" placeholder="{{ __('validation.attributes.allowed_time_between_reservation_and_receipt') }}" name="min_reservation_time" step="any" value="{{ $setting?->min_reservation_time ?? null }}">
                                                        </div>

                                                        @if (auth()->user()->company->subscribedTo('system'))
                                                        <hr class="col-12" style="border-top: 1px solid #2E9BD8;">

                                                        <div class="col-12">
                                                            <h4>{{ __('general.contracts_settings') }}</h4>
                                                        </div>

                                                        <hr class="col-12" style="border-top: 1px solid #2E9BD8;">

                                                        <div class="form-group col-md-6">
                                                            <label for="contract_serial_number">{{ __('validation.attributes.serial_number') }}</label>
                                                            <input type="number" class="form-control" id="contract_serial_number" placeholder="{{ __('validation.attributes.serial_number') }}" name="contract_serial_number" value="{{ old('contract_serial_number',isset($setting->contract_serial_number) ? $setting->contract_serial_number : null) }}" required min="10">
                                                        </div>

                                                        <div class="form-group col-md-6">
                                                            <label for="last_contract_serial_number">{{ __('validation.attributes.last_contract_serial_number') }}</label>
                                                            <input type="number" class="form-control" id="last_contract_serial_number" placeholder="{{ __('validation.attributes.last_contract_serial_number') }}" value="{{ isset($setting->last_contract_serial_number) && $setting->last_contract_serial_number > 0? $setting->last_contract_serial_number: 0 }}" required disabled>
                                                        </div>

                                                        <div class="form-group col-md-6">
                                                            <label for="name">{{ __('validation.attributes.receipt_voucher_serial_number') }}</label>
                                                            <input type="number" class="form-control" id="name" placeholder="{{ __('validation.attributes.receipt_voucher_serial_number') }}" name="receipt_voucher_serial_number" value="{{ isset($setting->receipt_voucher_serial_number) ? $setting->receipt_voucher_serial_number : null }}" required min="10">
                                                        </div>

                                                        <div class="form-group col-md-6">
                                                            <label for="last_receipt_voucher_serial_number">{{ __('validation.attributes.last_receipt_voucher_serial_number') }}</label>
                                                            <input type="number" class="form-control" id="last_receipt_voucher_serial_number" placeholder="{{ __('validation.attributes.last_receipt_voucher_serial_number') }}" value="{{ isset($setting->last_receipt_voucher_serial_number) && $setting->last_receipt_voucher_serial_number > 0? $setting->last_receipt_voucher_serial_number: 0 }}" required disabled>
                                                        </div>

                                                        <div class="form-group col-md-6">
                                                            <label for="name">{{ __('validation.attributes.payment_voucher_serial_number') }}</label>
                                                            <input type="number" class="form-control" id="name" placeholder="{{ __('validation.attributes.payment_voucher_serial_number') }}" name="payment_voucher_serial_number" value="{{ isset($setting->payment_voucher_serial_number) ? $setting->payment_voucher_serial_number : null }}" required min="10">
                                                        </div>

                                                        <div class="form-group col-md-6">
                                                            <label for="last_payment_voucher_serial_number">{{ __('validation.attributes.last_payment_voucher_serial_number') }}</label>
                                                            <input type="number" class="form-control" id="last_payment_voucher_serial_number" placeholder="{{ __('validation.attributes.last_payment_voucher_serial_number') }}" value="{{ isset($setting->last_payment_voucher_serial_number) && $setting->last_payment_voucher_serial_number > 0? $setting->last_payment_voucher_serial_number: 0 }}" required disabled>
                                                        </div>

                                                        <div class="form-group col-md-6">
                                                            <label for="hours_to_days">{{ __('validation.attributes.after_more_xxx_hours_full_day_counted') }}</label>
                                                            <input type="number" class="form-control" id="hours_to_days" placeholder="{{ __('validation.attributes.after_more_xxx_hours_full_day_counted') }}" name="hours_to_days" value="{{ isset($setting->hours_to_days) ? $setting->hours_to_days : null }}" required min="1">
                                                        </div>
                                                        @endif

                                                        <div class="col-12">
                                                            <hr style="border-top: 1px solid #2E9BD8;">
                                                        </div>

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

                                        <div class="tab-pane fade {{ current_tab('#policies-information') }}" id="policies-information" role="tabpanel" aria-labelledby="policies-information-tab">
                                            <div class="layout-px-spacing">

                                                <div class="row justify-content-space layout-top-spacing">

                                                    <div class="col-12 mb-4">
                                                        <div class="alert alert-info text-center">@lang('general.policies')</div>
                                                    </div>

                                                    <div class="table-responsive">
                                                        <div class="filter-container">

                                                            <div class="d-inline-flex">
                                                                <div class="d-flex flex-column justify-content-center">
                                                                    <button type="button" class="btn btn-primary filter-button"> <i class="fas fa-filter"></i></button>
                                                                </div>

                                                                <div class="mt-3 mb-3">
                                                                    <a href="{{ route('company.policy.create', ['branch' => $branch?->id]) }}" class="btn btn-info" target="_blank">
                                                                        <i class="las la-check-circle"></i>
                                                                        {{ __('general.add_policy') }}
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="filters-inputs">
                                                                <form>
                                                                    <div class="form-row">
                                                                        <div class="form-group col-md-4 mb-0">
                                                                            <label for="activeFilter">{{ __('general.active') }}</label>
                                                                            <select id="activeFilter" class="form-control basic">
                                                                                <option value="" selected>{{ __('general.all') }}</option>
                                                                                <option value="1">{{ __('general.active') }}</option>
                                                                                <option value="0">{{ __('general.inactive') }}</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>

                                                        <table id="policiesTable" class="table table-hover text-center">
                                                            <thead>
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>{{__('validation.attributes.title')}}</th>
                                                                    <th>{{__('validation.attributes.text_color')}}</th>
                                                                    <th>{{__('validation.attributes.with_checkbox')}}</th>
                                                                    <th>{{__('general.options')}}</th>
                                                                </tr>
                                                            </thead>
                                                            <tfoot>
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>{{__('validation.attributes.title')}}</th>
                                                                    <th>{{__('validation.attributes.text_color')}}</th>
                                                                    <th>{{__('validation.attributes.with_checkbox')}}</th>
                                                                    <th>{{__('general.options')}}</th>
                                                                </tr>
                                                            </tfoot>
                                                        </table>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>

                                        <div class="tab-pane fade {{ current_tab('#working-times-information') }}" id="working-times-information" role="tabpanel" aria-labelledby="working-times-information-tab">
                                            <form class="uroad-form" action="{{ route('company.settings.update_working_times', ['branch' => $branch?->id]) }}" method="POST" enctype="multipart/form-data">
                                                @method('PATCH')
                                                @csrf

                                                <div class="layout-px-spacing">

                                                    <div class="row justify-content-space layout-top-spacing">

                                                        <div class="col-12 mb-4">
                                                            <div class="alert alert-info text-center">@lang('general.working_days')</div>
                                                        </div>

                                                        <div class="col-12">
                                                            <div id="working_hours_table">
                                                                @foreach ($days as $day)
                                                                <div class="form-row align-items-center justify-content-center mb-3">

                                                                    <div class="form-group col-md-3">
                                                                        <label for="open_time_of_{{ $day }}_shift1">
                                                                            {{ __('validation.attributes.open_time') }}
                                                                            ({{ __("general.$day") }})
                                                                        </label>

                                                                        <input value="{{ $setting->working_days->{$day}->shift1->open_time ?? '' }}" class="form-control" type="time" id="open_time_of_{{ $day }}_shift1" placeholder="{{ __('validation.attributes.open_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="times[{{ $day }}][shift1][open_time]" required>
                                                                    </div>

                                                                    <div class="form-group col-md-3">
                                                                        <label for="close_time_of_{{ $day }}_shift1">
                                                                            {{ __('validation.attributes.close_time') }}
                                                                            ({{ __("general.$day") }})
                                                                        </label>
                                                                        <input value="{{ $setting->working_days->{$day}->shift1->close_time ?? '' }}" class="form-control" type="time" id="close_time_of_{{ $day }}_shift1" placeholder="{{ __('validation.attributes.close_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="times[{{ $day }}][shift1][close_time]" required>
                                                                    </div>

                                                                    <div class="form-group col-md-3">
                                                                        <label for="open_time_of_{{ $day }}_shift2">
                                                                            {{ __('validation.attributes.open_time') }}
                                                                            ({{ __("general.$day") }})
                                                                        </label>

                                                                        <input value="{{ $setting->working_days->{$day}->shift2->open_time ?? '' }}" class="form-control" type="time" id="open_time_of_{{ $day }}_shift2" placeholder="{{ __('validation.attributes.open_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="times[{{ $day }}][shift2][open_time]">
                                                                    </div>

                                                                    <div class="form-group col-md-3">
                                                                        <label for="close_time_of_{{ $day }}_shift2">
                                                                            {{ __('validation.attributes.close_time') }}
                                                                            ({{ __("general.$day") }})
                                                                        </label>
                                                                        <input value="{{ $setting->working_days->{$day}->shift2->close_time ?? '' }}" class="form-control" type="time" id="close_time_of_{{ $day }}_shift2" placeholder="{{ __('validation.attributes.close_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="times[{{ $day }}][shift2][close_time]">
                                                                    </div>

                                                                    <div class="form-group col-md-2 mt-4 text-center">
                                                                        <div class="form-check ">

                                                                            <input @if ($setting->working_days->{$day}->open_24_hours ?? false) value="on" checked @endif
                                                                            class="form-check-input open-24-hours-input" type="checkbox"
                                                                            id="always_opened_on_{{ $day }}"
                                                                            name="open_24_hours[{{ $day }}]">
                                                                            <label class="form-check-label" for="always_opened_on_{{ $day }}">
                                                                                {{ __('validation.attributes.open_24_hours') }}
                                                                            </label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group col-md-2 mt-4 text-center">
                                                                        <div class="form-check ">
                                                                            <input @if ($setting->working_days->{$day}->holiday ?? false) value="on" checked @endif
                                                                            class="form-check-input holiday-input" type="checkbox"
                                                                            id="holiday_{{ $day }}"
                                                                            name="holiday[{{ $day }}]">
                                                                            <label class="form-check-label" for="holiday_on_{{ $day }}">
                                                                                {{ __('validation.attributes.holiday') }}
                                                                            </label>
                                                                        </div>
                                                                    </div>

                                                                    <hr class="col-12" style="border-top: 1px solid #2E9BD8;">
                                                                </div>
                                                                @endforeach
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

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

                                        <div class="tab-pane fade {{ current_tab('#delivery-service-information') }}" id="delivery-service-information" role="tabpanel" aria-labelledby="delivery-service-information-tab">
                                            <form class="uroad-form" action="{{ route('company.settings.update_delivery', ['branch' => $branch?->id]) }}" method="POST" enctype="multipart/form-data">
                                                @method('PATCH')
                                                @csrf

                                                <div class="layout-px-spacing">

                                                    <div class="row justify-content-space layout-top-spacing">

                                                        <div class="col-12">
                                                            <div class="alert alert-info text-center mb-4">@lang('general.settings')</div>
                                                        </div>

                                                        <div class="form-group col-md-6">
                                                            <label for="is_delivery_available">
                                                                {{ __('validation.attributes.is_delivery_available') }}
                                                            </label>
                                                            <select class="form-control" name="is_delivery_available">
                                                                <option value="1" @selected($setting?->is_delivery_available == true)>@lang('general.yes')</option>
                                                                <option value="0" @selected($setting?->is_delivery_available == false|| $setting?->is_delivery_available == null)>@lang('general.no')</option>
                                                            </select>
                                                        </div>

                                                        <div class="form-group col-md-6">
                                                            <label for="delivery_km_range">{{ __('validation.attributes.delivery_km_range') }}</label>
                                                            <input type="number" class="form-control" id="delivery_km_range" placeholder="{{ __('validation.attributes.delivery_km_range') }}" name="delivery_km_range" step="any" value="{{ $setting?->delivery_km_range ?? null }}">
                                                        </div>

                                                        <div class="col-12">
                                                            <div class="alert alert-info text-center mb-4">@lang('general.delivery_working_times')</div>
                                                        </div>

                                                        <div class="col-12">
                                                            <div id="delivery_working_hours_table">
                                                                @foreach ($days as $day)
                                                                <div class="form-row align-items-center justify-content-center mb-3">

                                                                    <div class="form-group col-md-3">
                                                                        <label for="open_time_of_{{ $day }}_shift1">
                                                                            {{ __('validation.attributes.open_time') }}
                                                                            ({{ __("general.$day") }})
                                                                        </label>

                                                                        <input value="{{ $setting->delivery_working_days->{$day}->shift1->open_time ?? '' }}" class="form-control" type="time" id="open_time_of_{{ $day }}_shift1" placeholder="{{ __('validation.attributes.open_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="delivery_times[{{ $day }}][shift1][open_time]" required>
                                                                    </div>

                                                                    <div class="form-group col-md-3">
                                                                        <label for="close_time_of_{{ $day }}_shift1">
                                                                            {{ __('validation.attributes.close_time') }}
                                                                            ({{ __("general.$day") }})
                                                                        </label>
                                                                        <input value="{{ $setting->delivery_working_days->{$day}->shift1->close_time ?? '' }}" class="form-control" type="time" id="close_time_of_{{ $day }}_shift1" placeholder="{{ __('validation.attributes.close_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="delivery_times[{{ $day }}][shift1][close_time]" required>
                                                                    </div>

                                                                    <div class="form-group col-md-3">
                                                                        <label for="open_time_of_{{ $day }}_shift2">
                                                                            {{ __('validation.attributes.open_time') }}
                                                                            ({{ __("general.$day") }})
                                                                        </label>

                                                                        <input value="{{ $setting->delivery_working_days->{$day}->shift2->open_time ?? '' }}" class="form-control" type="time" id="open_time_of_{{ $day }}_shift2" placeholder="{{ __('validation.attributes.open_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="delivery_times[{{ $day }}][shift2][open_time]">
                                                                    </div>

                                                                    <div class="form-group col-md-3">
                                                                        <label for="close_time_of_{{ $day }}_shift2">
                                                                            {{ __('validation.attributes.close_time') }}
                                                                            ({{ __("general.$day") }})
                                                                        </label>
                                                                        <input value="{{ $setting->delivery_working_days->{$day}->shift2->close_time ?? '' }}" class="form-control" type="time" id="close_time_of_{{ $day }}_shift2" placeholder="{{ __('validation.attributes.close_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="delivery_times[{{ $day }}][shift2][close_time]">
                                                                    </div>

                                                                    <div class="form-group col-md-2 mt-4 text-center">
                                                                        <div class="form-check ">

                                                                            <input @if ($setting->delivery_working_days->{$day}->open_24_hours ?? false) value="on" checked @endif
                                                                            class="form-check-input open-24-hours-input" type="checkbox"
                                                                            id="always_opened_on_{{ $day }}"
                                                                            name="delivery_open_24_hours[{{ $day }}]">
                                                                            <label class="form-check-label" for="always_opened_on_{{ $day }}">
                                                                                {{ __('validation.attributes.open_24_hours') }}
                                                                            </label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group col-md-2 mt-4 text-center">
                                                                        <div class="form-check ">
                                                                            <input @if ($setting->delivery_working_days->{$day}->holiday ?? false) value="on" checked @endif
                                                                            class="form-check-input holiday-input" type="checkbox"
                                                                            id="holiday_{{ $day }}"
                                                                            name="delivery_holiday[{{ $day }}]">
                                                                            <label class="form-check-label" for="holiday_on_{{ $day }}">
                                                                                {{ __('validation.attributes.holiday') }}
                                                                            </label>
                                                                        </div>
                                                                    </div>

                                                                    <hr class="col-12" style="border-top: 1px solid #2E9BD8;">
                                                                </div>
                                                                @endforeach
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

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

                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<x-bootstrap.modal width="lg" id='refundPoliciesModal' content='company.settings.helpers.refund_policies_modal' title="{{ __('company.System Settings.fields.refund_policy.title') }}" />

@endsection



@section('customScript')

<script>
    $("#branches-menu-box").attr("data-active", "true")


    @if ($branch->company->subscribedTo("application & system"))
    apexWindingChart(['#1b55e2', '#e7515a'], ["{{ __('validation.attributes.reservations') }}",
            "{{ __('validation.attributes.contracts') }}"
        ], [{{ isset($reservations_all_mounth[1]) ? count($reservations_all_mounth[1]) : 0 }},
            {{ isset($reservations_all_mounth[2]) ? count($reservations_all_mounth[2]) : 0 }},
            {{ isset($reservations_all_mounth[3]) ? count($reservations_all_mounth[3]) : 0 }},
            {{ isset($reservations_all_mounth[4]) ? count($reservations_all_mounth[4]) : 0 }},
            {{ isset($reservations_all_mounth[5]) ? count($reservations_all_mounth[5]) : 0 }},
            {{ isset($reservations_all_mounth[6]) ? count($reservations_all_mounth[6]) : 0 }},
            {{ isset($reservations_all_mounth[7]) ? count($reservations_all_mounth[7]) : 0 }},
            {{ isset($reservations_all_mounth[8]) ? count($reservations_all_mounth[8]) : 0 }},
            {{ isset($reservations_all_mounth[9]) ? count($reservations_all_mounth[9]) : 0 }},
            {{ isset($reservations_all_mounth[10]) ? count($reservations_all_mounth[10]) : 0 }},
            {{ isset($reservations_all_mounth[11]) ? count($reservations_all_mounth[11]) : 0 }},
            {{ isset($reservations_all_mounth[12]) ? count($reservations_all_mounth[12]) : 0 }}
        ], [{{ isset($contracts_all_mounth[1]) ? count($contracts_all_mounth[1]) : 0 }},
            {{ isset($contracts_all_mounth[2]) ? count($contracts_all_mounth[2]) : 0 }},
            {{ isset($contracts_all_mounth[3]) ? count($contracts_all_mounth[3]) : 0 }},
            {{ isset($contracts_all_mounth[4]) ? count($contracts_all_mounth[4]) : 0 }},
            {{ isset($contracts_all_mounth[5]) ? count($contracts_all_mounth[5]) : 0 }},
            {{ isset($contracts_all_mounth[6]) ? count($contracts_all_mounth[6]) : 0 }},
            {{ isset($contracts_all_mounth[7]) ? count($contracts_all_mounth[7]) : 0 }},
            {{ isset($contracts_all_mounth[8]) ? count($contracts_all_mounth[8]) : 0 }},
            {{ isset($contracts_all_mounth[9]) ? count($contracts_all_mounth[9]) : 0 }},
            {{ isset($contracts_all_mounth[10]) ? count($contracts_all_mounth[10]) : 0 }},
            {{ isset($contracts_all_mounth[11]) ? count($contracts_all_mounth[11]) : 0 }},
            {{ isset($contracts_all_mounth[12]) ? count($contracts_all_mounth[12]) : 0 }}
        ], "{{ __('company.Company Branches.fields.Monthly Measure Of Contracts And Reservations') }}", ".ratings_chart");

        @elseif ($branch->company->subscribedTo("application_only"))
        apexLineChart(
            ['#1b55e2'],
            ["{{ __('validation.attributes.reservations') }}"],
            [
            {{ isset($reservations_all_mounth[1]) ? count($reservations_all_mounth[1]) : 0 }},
            {{ isset($reservations_all_mounth[2]) ? count($reservations_all_mounth[2]) : 0 }},
            {{ isset($reservations_all_mounth[3]) ? count($reservations_all_mounth[3]) : 0 }},
            {{ isset($reservations_all_mounth[4]) ? count($reservations_all_mounth[4]) : 0 }},
            {{ isset($reservations_all_mounth[5]) ? count($reservations_all_mounth[5]) : 0 }},
            {{ isset($reservations_all_mounth[6]) ? count($reservations_all_mounth[6]) : 0 }},
            {{ isset($reservations_all_mounth[7]) ? count($reservations_all_mounth[7]) : 0 }},
            {{ isset($reservations_all_mounth[8]) ? count($reservations_all_mounth[8]) : 0 }},
            {{ isset($reservations_all_mounth[9]) ? count($reservations_all_mounth[9]) : 0 }},
            {{ isset($reservations_all_mounth[10]) ? count($reservations_all_mounth[10]) : 0 }},
            {{ isset($reservations_all_mounth[11]) ? count($reservations_all_mounth[11]) : 0 }},
            {{ isset($reservations_all_mounth[12]) ? count($reservations_all_mounth[12]) : 0 }}
        ], "{{ __('company.Company Branches.fields.Monthly Measure Of Reservations') }}", ".ratings_chart");

        @elseif ($branch->company->subscribedTo("system_only"))

        apexLineChart(
            [ '#e7515a'],
            ["{{ __('validation.attributes.contracts') }}"],
            [{{ isset($contracts_all_mounth[1]) ? count($contracts_all_mounth[1]) : 0 }},
            {{ isset($contracts_all_mounth[2]) ? count($contracts_all_mounth[2]) : 0 }},
            {{ isset($contracts_all_mounth[3]) ? count($contracts_all_mounth[3]) : 0 }},
            {{ isset($contracts_all_mounth[4]) ? count($contracts_all_mounth[4]) : 0 }},
            {{ isset($contracts_all_mounth[5]) ? count($contracts_all_mounth[5]) : 0 }},
            {{ isset($contracts_all_mounth[6]) ? count($contracts_all_mounth[6]) : 0 }},
            {{ isset($contracts_all_mounth[7]) ? count($contracts_all_mounth[7]) : 0 }},
            {{ isset($contracts_all_mounth[8]) ? count($contracts_all_mounth[8]) : 0 }},
            {{ isset($contracts_all_mounth[9]) ? count($contracts_all_mounth[9]) : 0 }},
            {{ isset($contracts_all_mounth[10]) ? count($contracts_all_mounth[10]) : 0 }},
            {{ isset($contracts_all_mounth[11]) ? count($contracts_all_mounth[11]) : 0 }},
            {{ isset($contracts_all_mounth[12]) ? count($contracts_all_mounth[12]) : 0 }}
        ], "{{ __('company.Company Branches.fields.Monthly Measure Of Contracts') }}", ".ratings_chart");

    @endif

    $(document).on("change", ".open-24-hours-input", function() {
        let form_row = $(this).closest(".form-row");
        form_row.find(".form-control,.holiday-input").attr("disabled", $(this).is(":checked", $(this).is(
            ":checked")));
        form_row.find(".holiday-input").prop('checked', false);
    });

    $(document).on("change", ".holiday-input", function() {
        let form_row = $(this).closest(".form-row");
        form_row.find(".form-control,.open-24-hours-input").attr("disabled", $(this).is(":checked", $(this).is(
            ":checked")));
        form_row.find(".open-24-hours-input").prop('checked', false);
    });

    $(".holiday-input:checked,.open-24-hours-input:checked").change();

    let policiesTable = initializeDataTable("#policiesTable", {
        columns: [
            {data: 'DT_RowIndex', orderable: false, searchable: false },
            {data: "title", searchable: false, orderable: false},
            {data: "text_color", searchable: false, orderable: false},
            {data: "with_checkbox"},
            {data: "actions", searchable: false, orderable: false},
        ]
    }, {
            subPlace: "branch_policies"
    });

</script>
@endsection