@extends('layouts/contentNavbarLayout')

@section('title', 'Guest')

@section('page-style')
  <link rel="stylesheet" href="/assets/css/strength.css" />
@endsection

@section('content')
<h4 class="py-3 mb-4"><span class="text-muted fw-light">Home /</span> Guest</h4>
<!-- Basic Layout & Basic with Icons -->
<div class="row">
  <!-- Basic Layout -->
  <div class="col-xxl">
    <div class="card mb-4">
      <div class="d-flex justify-content-between align-items-center flex-wrap mt-2 mb-1">
        <h5 class="m-0 me-2"></h5>
        <div class="mx-3">
          <a class="fw-medium btn btn-warning" href="/guest-fees">
            Back </a>
        </div>
      </div>

          <div class="col-md">
            <div class="card mb-4">
              <h5 class="card-header">Guest Information</h5>
              <div class="card-body">
                <div class="row">
                  <div class="col-sm-6">
                      {!! Form::label('name', 'Full Name', ['class' => 'form-label']) !!}
                      {!! Form::text('name', @$guest->name, ['class' => 'form-control', 'id' => 'name', 'placeholder' => 'john bell', 'disabled']) !!}
                  </div>
                  
                  <div class="col-sm-6">
                    {!! Form::label('email', 'Email Address', ['class' => 'form-label']) !!}
                    {!! Form::email('email', @$guest->email, ['class' => 'form-control', 'id' => 'email', 'placeholder' => 'abc@xyz.com', 'disabled']) !!}
                  </div>

                  <div class="col-sm-6">
                    {!! Form::label('phone_number', 'Phone Number', ['class' => 'form-label']) !!}
                    {!! Form::tel('phone_number', @$guest->phone_number, ['class' => 'form-control', 'id' => 'phone_number', 'placeholder' => '1231231231', 'disabled']) !!}
                  </div>

                  <div class="col-sm-6">
                      {!! Form::label('vehicle_plate_no', 'Vehicle Plate No', ['class' => 'form-label']) !!}
                      {!! Form::text('vehicle_plate_no', @$guest->vehicle_plate_no, ['class' => 'form-control', 'id' => 'vehicle_plate_no', 'disabled']) !!}
                  </div>

                  <div class="col-sm-6">
                    {!! Form::label('parking_in', 'Vehicle In Time', ['class' => 'form-label']) !!}
                    {!! Form::input('datetime-local','parking_in', @$guest ? @$guest->parking_in : now()->format('Y-m-d\TH:i') , ['class' => 'form-control', 'id' => 'parking_in', 'disabled']) !!}
                  </div>

                  <div class="col-sm-6">
                    {!! Form::label('parking_out', 'Vehicle Out Time', ['class' => 'form-label']) !!}
                    {!! Form::input('datetime-local','parking_out', @$guest ? @$guest->parking_out : "" , ['class' => 'form-control', 'id' => 'parking_out', 'disabled']) !!}
                  </div>

                  <div class="col-sm-6">
                    {!! Form::label('parking_hour', 'Parking Hour', ['class' => 'form-label']) !!}
                    {!! Form::text('parking_hour', @$guest ? @$guest->parking_hour : "" , ['class' => 'form-control', 'id' => 'parking_hour', 'disabled']) !!}
                  </div>

                  <div class="col-sm-6">
                    {!! Form::label('amount', 'Amount', ['class' => 'form-label']) !!}
                    {!! Form::text('amount', @$guest ? @$guest->amount : "" , ['class' => 'form-control', 'id' => 'amount', 'disabled']) !!}
                  </div>

                  <div class="col-sm-6">
                    {!! Form::label('referance_id', 'Referance Id', ['class' => 'form-label']) !!}
                    {!! Form::text('referance_id', @$guest ? @$guest->referance_id : "" , ['class' => 'form-control', 'id' => 'referance_id', 'disabled']) !!}
                  </div>

                  <div class="col-sm-6">
                    {!! Form::label('stripe_id', 'Stripe Id', ['class' => 'form-label']) !!}
                    {!! Form::text('stripe_id', @$guest ? @$guest->stripe_id : "" , ['class' => 'form-control', 'id' => 'stripe_id', 'disabled']) !!}
                  </div>

                  @if(@$guest->resident)
                    <div class="col-sm-6">
                        {!! Form::label('resident_id', 'Resident Details', ['class' => 'form-label']) !!}
                        {!! Form::text('resident_id', @$guest ? @$guest->resident->name : "" , ['class' => 'form-control', 'id' => 'resident_id', 'disabled']) !!}
                    </div>
                    <div class="col-sm-6">
                        {!! Form::label('resident_type', 'Resident Type', ['class' => 'form-label']) !!}
                        {!! Form::text('resident_type', @$guest ? @$guest->resident->resident_type : "" , ['class' => 'form-control', 'id' => 'resident_type', 'disabled']) !!}
                    </div>
                    <div class="col-sm-6">
                        {!! Form::label('building_block', 'Resident Type', ['class' => 'form-label']) !!}
                        {!! Form::text('building_block', @$guest ? @$guest->resident->building_block : "" , ['class' => 'form-control', 'id' => 'building_block', 'disabled']) !!}
                    </div>
                    <div class="col-sm-6">
                        {!! Form::label('building_block', 'Resident Type', ['class' => 'form-label']) !!}
                        {!! Form::text('building_block', @$guest ? @$guest->resident->building_block : "" , ['class' => 'form-control', 'id' => 'building_block', 'disabled']) !!}
                    </div>
                  @endif

                  <div class="col-sm-6">
                    {!! Form::label('is_reported', 'Is Reported', ['class' => 'form-label']) !!}
                    {!! Form::text('is_reported', @$guest->is_reported == false ? "No" : "Yes" , ['class' => 'form-control', 'id' => 'is_reported', 'disabled']) !!}
                  </div>

                  

                  <div class="col-sm-6 position-relative">
                    {!! Form::label('guest_code', 'Guest Code', ['class' => 'form-label']) !!}
                    <div class="input-group">
                        {!! Form::text('guest_code', @$guest ? @$guest->guest_code : $guest_code , ['class' => 'form-control', 'id' => 'guest_code', 'required', 'readonly']) !!}
                        <span class="input-group-text" id="copy-icon" onclick="copyToClipboard()">
                            <i class="mdi mdi-content-copy" style="cursor: pointer;"></i>
                        </span>
                    </div>
                  </div>
                  
                </div>
              </div>
            </div>
          </div>

          <div class="d-flex justify-center sm:justify-end mt-4 sm:mt-5 float-end">

    </div>
  </div>
</div>
@endsection

@section('page-script')
  <script src="/assets/js/strength.js"></script>
  <script>
    $(document).ready(function($) {

    });
    function copyToClipboard() {
        var copyText = document.getElementById("guest_code");
        copyText.select();
        copyText.setSelectionRange(0, 99999); // For mobile devices
        navigator.clipboard.writeText(copyText.value);
        alert("Copied the text: " + copyText.value);
    }

  </script>
@endsection