@extends('layouts.app')
@section('head')
<link rel="stylesheet" href="/css/getclient.css">
@endsection
@php
$locale = session('lang');
@endphp
@section('content')
<div class="container flex client-home">
  <div class="menus-get-client">
    <ul>
      <li><a href="{{route('get.get-client', $locale)}}">{{ __('auth.Service information', [], $locale) }}</a> </li> <hr>
      <li><a href="{{route('get-expense', $locale)}}">{{ __('auth.Expense history', [], $locale) }}</a> </li> <hr>
      <li><a href="{{route('get-payment', $locale)}}">{{ __('auth.Payments history', [], $locale) }}</a> </li> <hr>
      <li><a href="{{route('get-client.setting', $locale)}}">{{ __('auth.Settings', [], $locale) }}</a> </li> <hr>
      <li><a href="#">{{ __('auth.Callback', [], $locale) }}</a> </li> <hr>
    </ul>
    <div class="get-client-info">
        <p>{{ __('auth.Subscriber') }}</p>
        <span>{{session('client.Customer')}}</span>
        <table class="table-get-client">
          <tr>
            <th>{{ __('auth.Account number', [], $locale) }}</th>
            <th>{{ __('auth.Contract number', [], $locale) }}</th>
            <th>{{ __('auth.Balance', [], $locale) }}</th>
          </tr>
          <tr>
            <td>{{session('client.Id')}}</td>
            <td>{{session('client.SerialNumber')}}</td>
            <td>{{session('client.Balance')}}</td>
          </tr>
        </table>
    </div>
  </div>
  <div class="client-info-with-table">
    <div class="client-info-title">
      <span>{{ __('auth.Service management', [], $locale) }}</span>
    </div>
    <div class="control-service">
      <div class="control-service-spans">
        <span class="service-control-span active" id="block_service">{{ __('auth.Service blocking', [], $locale) }}</span>
        <span class="service-control-span" id="change_plan">{{ __('auth.Replacement of the tariff plan', [], $locale) }}</span>
      </div>
      <form class="" id="changeplan" action="{{route('change-service-package', [$locale, $link])}}" method="post" style="display: none">
        @csrf <br>
        <p>{{ __('auth.Replacement of the tariff plan - made only from the 1st day of the next month', [], $locale) }}.</p> <br>
        {{ __('auth.Tariff', [], $locale) }}:
        <select class="" name="package">
          <option value=""></option>
          @for($i=0; $i<count(session('packages.Id')); $i++)
            <option value="{{session('packages.Id')[$i]}}">{{session('packages.Name')[$i]}}</option>
          @endfor
        </select>
        <input type="submit" name="" value="Сохранить">
      </form>
      <form class="" id="blockservice" action="{{route('block-service', [$locale, $link])}}" method="post">
        @csrf <br>
        <p>
          {{ __('auth.Blocking the service - the ability to temporarily suspend the viewing of retransmitted channels included in the package to which the subscriber is subscribed, for a period of one to twelve months without charging a subscription fee for the specified period. The service will be blocked only from the 1st day of the next month.', [], $locale) }}
        </p>
        <br>
          {{ __('auth.Number of months', [], $locale) }}:
        <select class="" name="srok">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
        </select>
        <input type="submit" name="" value="{{ __('auth.Save', [], $locale) }}">
      </form>
      @if(session('success'))
        <div class="success-message">
          {{session('success')}}
        </div>
      @endif
      @if(session('error'))
        <div class="error-message">
          {{session('error')}}
        </div>
      @endif
    </div>
  </div>
</div>
@endsection
@section('foot')
<script type="text/javascript">
  $('#change_plan').on('click', function(){
    $('#blockservice').css('display', 'none');
    $('#changeplan').css('display', 'block');
    $('#block_service').removeClass('active');
    $('#change_plan').addClass('active');
  });

  $('#block_service').on('click', function(){
    $('#changeplan').css('display', 'none');
    $('#blockservice').css('display', 'block');
    $('#change_plan').removeClass('active');
    $('#block_service').addClass('active');
  });
</script>
@endsection