@extends('layouts/contentNavbarLayout')

@section('title', 'Create Business')

@section('page-script')
<script src="{{asset('assets/js/pages-account-settings-account.js')}}"></script>
@endsection

@section('content')
<h4 class="py-3 mb-4">
  <span class="text-muted fw-light">Business</span>
</h4>

<div class="row">
  <div class="col-md-12">
    <ul class="nav nav-pills flex-column flex-md-row mb-3">
      <li class="nav-item"><a class="nav-link" href="{{url('/admin/business')}}"><i class="bx bx-user me-1"></i> List</a></li>
      @if (!isset($business))
        <li class="nav-item"><a class="nav-link active" href="#"><i class="bx bx-message-square-add me-1"></i> Add</a></li>
      @else
        <li class="nav-item"><a class="nav-link active" href="#"><i class="bx bx-message-square-edit me-1"></i> Update</a></li>
      @endif
      <!--<li class="nav-item"><a class="nav-link" href="{{url('pages/account-settings-connections')}}"><i class="bx bx-link-alt me-1"></i> Connections</a></li>-->
    </ul>
    <div class="card mb-4">
      <h5 class="card-header">Business</h5>
      <!-- Account -->
      @if (!isset($business))
        <form id="" method="POST" action="{{ route('save-business') }}" enctype="multipart/form-data">
          @csrf
          <div class="card-body">
            <div class="d-flex align-items-start align-items-sm-center gap-4">
              <img src="{{asset('assets/img/backgrounds/18.jpg')}}" alt="user-avatar" class="d-block rounded" height="100" width="100" id="uploadedAvatar" />
              <div class="button-wrapper">
                <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                  <span class="d-none d-sm-block">Upload new photo</span>
                  <i class="bx bx-upload d-block d-sm-none"></i>
                  <input type="file" name="imageBusiness" id="upload" class="account-file-input" hidden accept="image/png, image/jpeg" />
                </label>
                <button type="button" class="btn btn-outline-secondary account-image-reset mb-4">
                  <i class="bx bx-reset d-block d-sm-none"></i>
                  <span class="d-none d-sm-block">Reset</span>
                </button>

                <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
              </div>
            </div>
          </div>
          <hr class="my-0">
          <div class="card-body">

              <div class="row">
                <div class="mb-3 col-md-6">
                  <label for="businessFirstName" class="form-label">First Name</label>
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessFirstName',
                    'type' => 'text',
                    'placeholder' => 'Jhon',
                    'field' => 'businessFirstName',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-6">
                  <label for="businessLastName" class="form-label">Last Name</label>
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessLastName',
                    'type' => 'text',
                    'placeholder' => 'Doe',
                    'field' => 'businessLastName',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-6">
                  <label for="businessEmail" class="form-label">Email</label>
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessEmail',
                    'type' => 'text',
                    'placeholder' => 'example@business.com',
                    'field' => 'businessEmail',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-6">
                  <label for="businessPhone" class="form-label">Phone</label>
                  <input class="form-control" value="{{ old('businessPhone') }}" type="text" name="businessPhone" id="businessPhone" placeholder="999 999 9999" />
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessName" class="form-label">Business Name</label>
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessName',
                    'type' => 'text',
                    'placeholder' => 'Business Co.',
                    'field' => 'businessName',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessAddress" class="form-label">Address</label>
                  <input class="form-control" value="{{ old('businessAddress') }}" type="text" name="businessAddress" id="businessAddress" placeholder="Street XYZ" />
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessPassword" class="form-label">Password</label>
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessPassword',
                    'type' => 'text',
                    'placeholder' => 'Your Password',
                    'field' => 'businessPassword',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessCity" class="form-label">City</label>
                  <input class="form-control" type="text" id="businessCity" value="{{ old('businessCity') }}" name="businessCity" placeholder="Fort Myers" />
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessState" class="form-label">State</label>
                  <input class="form-control" type="text" id="businessState" value="{{ old('businessState') }}" name="businessState" placeholder="Florida" />
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessZip" class="form-label">Zip Code</label>
                  <input class="form-control" type="text" id="businessZip" value="{{ old('businessZip') }}" name="businessZip" placeholder="87654" />
                </div>
              </div>
              <div class="mt-2">
                <button type="submit" class="btn btn-primary me-2">Save changes</button>
                <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-secondary">Cancel</a>
              </div>

          </div>
        </form>
      @else
        <form id="" method="POST" action="{{ route('edit-business') }}" enctype="multipart/form-data">
          @csrf
          <div class="card-body">
            <input type="hidden" name="hash" value="{{$business->hash}}"/>
            <div class="d-flex align-items-start align-items-sm-center gap-4">
              <img src="{{ empty($business->image) ? asset('assets/img/backgrounds/18.jpg') : asset($business->image)}}" alt="user-avatar" class="d-block rounded" height="100" width="100" id="uploadedAvatar" />
              <div class="button-wrapper">
                <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                  <span class="d-none d-sm-block">Upload new photo</span>
                  <i class="bx bx-upload d-block d-sm-none"></i>
                  <input type="file" name="imageBusiness" id="upload" class="account-file-input" hidden accept="image/png, image/jpeg" />
                </label>
                <button type="button" class="btn btn-outline-secondary account-image-reset mb-4">
                  <i class="bx bx-reset d-block d-sm-none"></i>
                  <span class="d-none d-sm-block">Reset</span>
                </button>

                <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
              </div>
            </div>
          </div>
          <hr class="my-0">
          <div class="card-body">

              <div class="row">
                <div class="mb-3 col-md-6">
                  <label for="businessFirstName" class="form-label">First Name</label>
                  <!--<input value="{{ $business->firstName }}" class="form-control" type="text" id="businessFirstName" name="businessFirstName" placeholder="Jhon" autofocus />-->
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessFirstName',
                    'type' => 'text',
                    'placeholder' => 'Jhon',
                    'value' => $business->firstName,
                    'field' => 'businessFirstName',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-6">
                  <label for="businessLastName" class="form-label">Last Name</label>
                  <!--<input value="{{ $business->lastName }}" class="form-control" type="text" id="businessLastName" name="businessLastName" placeholder="Doe" />-->
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessLastName',
                    'type' => 'text',
                    'placeholder' => 'Doe',
                    'value' => $business->lastName,
                    'field' => 'businessLastName',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-6">
                  <label for="businessEmail" class="form-label">Email</label>
                  <!--<input value="{{ $business->email }}" class="form-control" type="text" id="businessEmail" name="businessEmail" placeholder="example@business.com" />-->
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessEmail',
                    'type' => 'text',
                    'placeholder' => 'example@business.com',
                    'value' => $business->email,
                    'field' => 'businessEmail',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-6">
                  <label for="businessPhone" class="form-label">Phone</label>
                  <input value="{{ $business->phone }}" class="form-control" type="text" name="businessPhone" id="businessPhone" placeholder="999 999 9999" />
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessName" class="form-label">Business Name</label>
                  <!--<input value="{{ $business->name }}" class="form-control" type="text" name="businessName" id="businessName" placeholder="Business Co." />-->
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessName',
                    'type' => 'text',
                    'placeholder' => 'Business Co.',
                    'value' => $business->name,
                    'field' => 'businessName',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessAddress" class="form-label">Address</label>
                  <input value="{{ $business->address }}" class="form-control" type="text" name="businessAddress" id="businessAddress" placeholder="Street XYZ" />
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessPassword" class="form-label">Password</label>
                  <!--<input value="" class="form-control" type="password" name="businessPassword" id="businessPassword" placeholder="Leave it empty so as not to update" />-->
                  @include('content.special-field.field',
                  [
                    'id'=> 'businessPassword',
                    'type' => 'password',
                    'placeholder' => 'Leave it empty so as not to update',
                    'field' => 'businessPassword',
                    'message' => isset($message)?$message:''
                  ])
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessCity" class="form-label">City</label>
                  <input value="{{ $business->city }}" class="form-control" type="text" id="businessCity" name="businessCity" placeholder="Fort Myers" />
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessState" class="form-label">State</label>
                  <input value="{{ $business->state }}" class="form-control" type="text" id="businessState" name="businessState" placeholder="Florida" />
                </div>
                <div class="mb-3 col-md-4">
                  <label for="businessZip" class="form-label">Zip Code</label>
                  <input value="{{ $business->zipCode }}" class="form-control" type="text" id="businessZip" name="businessZip" placeholder="87654" />
                </div>
              </div>
              <div class="mt-2">
                <button type="submit" class="btn btn-primary me-2">Save changes</button>
                <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-secondary">Cancel</a>
              </div>

          </div>
        </form>
      @endif
      <!-- /Account -->
    </div>

  </div>
</div>
<script>
    $(document).ready(function(){



    });
</script>
@endsection