@extends('administrative.layouts.main')
@section('title', "Edit User - $user->customer_name")
@section('content')
  @php
    if (in_array('Panel Admin', $user->roles->pluck('name')->toArray())) {
        $type = 'panel';
    } elseif (in_array('Fetcher Admin', $user->roles->pluck('name')->toArray())) {
        $type = 'fetcher';
    } elseif (in_array('Customer', $user->roles->pluck('name')->toArray())) {
        $type = 'customer';
    } else {
        $type = 'panel';
    }
  @endphp
  <x-breadcrumb custom="true">
    <li class="inline-flex items-center">
      <a href="{{ route('administrative.dashboard') }}" class="text-sm font-medium text-blue-500 hover:text-blue-600">
        <i class="fas fa-home me-1"></i>
        Dashboard
      </a>
    </li>
    <li class="inline-flex items-center">
      <a href="{{ route('administrative.user', ['type' => $type]) }}"
        class="text-sm font-medium text-blue-500 hover:text-blue-600">Users</a>
    </li>
    <li class="inline-flex items-center">
      <a href="#" class="text-sm font-medium">{{ $user->customer_name }}</a>
    </li>
    <li class="inline-flex items-center">
      <a href="#" class="text-sm font-medium">Edit</a>
    </li>
  </x-breadcrumb>

  <div class="mt-6 rounded-lg bg-white p-4 shadow-[0_0_10px_0_rgba(183,192,206,0.2)]">
    <form class="grid md:grid-cols-2 gap-4" action="{{ route('administrative.user.update', $user->id) }}" method="POST"
      enctype="multipart/form-data">
      @csrf
      @method('PUT')

      <div class="form-group">
        <label for="customer_code">Customer Id (From Ybx)</label>
        <x-input id="customer_code" name="customer_code" autocomplete="off" placeholder="Enter customer id"
          value="{{ old('customer_code', $user->customer_code) }}" required />
        @error('customer_code')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="customer_name">Customer Name</label>
        <x-input id="customer_name" name="customer_name" autocomplete="off" placeholder="Enter customer name"
          value="{{ old('customer_name', $user->customer_name) }}" />
        @error('customer_name')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="first_name">First Name</label>
        <x-input id="first_name" name="first_name" autocomplete="off" placeholder="Enter first name"
          value="{{ old('first_name', $user->first_name) }}" required />
        @error('first_name')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="last_name">Last Name</label>
        <x-input id="last_name" name="last_name" autocomplete="off" placeholder="Enter last name"
          value="{{ old('last_name', $user->last_name) }}" />
        @error('last_name')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="username">Userame</label>
        <x-input id="username" name="username" autocomplete="off" placeholder="Enter username"
          value="{{ old('username', $user->username) }}" />
        @error('username')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="email">Email</label>
        <x-input type="email" id="email" name="email" autocomplete="off" placeholder="Enter email address"
          value="{{ old('email', $user->email) }}" />
        @error('email')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="additional_email">Additional Email</label>
        <x-input type="email" id="additional_email" name="additional_email" autocomplete="off"
          placeholder="Enter additional email address" value="{{ old('additional_email', $user->additional_email) }}" />
        @error('additional_email')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="phone_number">Phone Number</label>
        <x-input id="phone_number" name="phone_number" autocomplete="off" placeholder="Enter phone number"
          value="{{ old('phone_number', $user->phone_number) }}" required />
        @error('phone_number')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="additional_contact_number">Additional Phone Number</label>
        <x-input id="additional_contact_number" name="additional_contact_number" autocomplete="off"
          placeholder="Enter additional phone number"
          value="{{ old('additional_contact_number', $user->additional_contact_number) }}" />
        @error('additional_contact_number')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="password">Password</label>
        <x-input type="password" id="password" name="password" autocomplete="off" placeholder="Enter password" />
        @error('password')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="password_confirmation">Password</label>
        <x-input type="password" id="password_confirmation" name="password_confirmation" autocomplete="off"
          placeholder="Confirm password" />
        @error('password_confirmation')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      {{-- <div class="form-group">
        <label for="role_id">Role</label>
        <x-select id="role_id" name="role_id" required>
          <option selected disabled>Select your Role</option>
          @foreach ($roles as $value)
            <option value="{{ $value->id }}" @selected($value->id == old('role_id', $user->role_id))>
              {{ ucwords(str_replace('_', ' ', $value->name)) }}
            </option>
          @endforeach
        </x-select>
        @error('role_id')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div> --}}

      <div class="form-group">
        <label for="data_retention">Data Retention</label>
        <x-select name="data_retention" id="data_retention">
          @for ($i = 1; $i < 7; $i++)
            <option value="{{ $i }}" @selected(old('data_retention', $user->data_retention) == $i)>
              {{ $i . ($i > 1 ? ' Months' : ' Month') }}
            </option>
          @endfor
        </x-select>
        @error('data_retention')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="permitted_report">Permitted Report</label>
        <x-select name="permitted_report" id="permitted_report">
          <option value="all">All</option>
        </x-select>
        @error('permitted_report')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="is_premium">Premium</label>
        <x-select name="is_premium" id="is_premium">
          <option value="true" @selected(old('is_premium', $user->is_premium) === true)>Yes</option>
          <option value="false" @selected(old('is_premium', $user->is_premium) === false)>No</option>
        </x-select>
        @error('is_premium')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      <div class="form-group">
        <label for="status">Status</label>
        <x-select name="status" id="status">
          <option value="true" @selected(old('status', $user->status) === true)>Active</option>
          <option value="false" @selected(old('status', $user->status) === false)>Inactive</option>
        </x-select>
        @error('status')
          <div class="text-danger-500">{{ $message }}</div>
        @enderror
      </div>

      @if ($user->is_verified == false)
        <div class="form-group">
          <label for="is_verified">Verification</label>
          <x-select name="is_verified" id="is_verified">
            <option value="true" @selected(old('is_verified', $user->is_verified) === true)>Verify</option>
            <option value="false" @selected(old('is_verified', $user->is_verified) === true)>Verify Pending</option>
          </x-select>
          @error('is_verified')
            <div class="text-danger-500">{{ $message }}</div>
          @enderror
        </div>
      @endif

      <div class="md:col-span-2">
        <x-button type="submit" variant="blue">Submit</x-button>
      </div>
    </form>
  </div>
@endsection