@extends('layout.master')

@push('plugin-styles')
<link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/jquery-tags-input/jquery.tagsinput.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/dropzone/dropzone.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/dropify/css/dropify.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/pickr/themes/classic.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/flatpickr/flatpickr.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/easymde/easymde.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/tenants">Tenant</a></li>
    <li class="breadcrumb-item active" aria-current="page">Create</li>
  </ol>
</nav>
@if (!empty(request()->query('user_id')))
<div class="alert alert-success" role="alert">
Please Complete Tenant Information 
 </div>

@endif

<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">
          <form enctype="multipart/form-data" class="forms-sample" action="{{ route('tenants.store')}}" method="post">
            @csrf
            <div class="row col-12">
              <div class="mb-3 col-md-6">
                <label for="title" class="form-label">Title</label>
                <input required name="create_title" type="text" class="form-control" id="title" autocomplete="off" placeholder="Title">
              </div>
              <div class="mb-3 col-md-6">
                <label for="logo" class="form-label">Logo</label>
                <input required name="create_logo" type="file" class="form-control" id="logo">
              </div>
              <div class="mb-3 col-md-6">
                <label for="address" class="form-label">Address</label>
                <input required name="create_address" type="text" class="form-control" id="address" autocomplete="off" placeholder="Address">
              </div>
              <div class="mb-3 col-md-6">
                <label for="website" class="form-label">Website</label>
                <input required name="create_website" type="text" class="form-control" id="website" autocomplete="off" placeholder="Website">
              </div>
              <div class="mb-3 col-md-6">
                <label for="company_registration_number" class="form-label">Company Registration Number</label>
                <input required name="create_company_registration_number" type="number" class="form-control" id="company_registration_number" autocomplete="off" placeholder="Company Registration Number">
              </div>

              <div class="mb-3 col-md-6">
                <label for="analysis_Link" class="form-label">Analysis Link</label>
                <input  name="create_frame" type="text" class="form-control" id="analysis_Link" autocomplete="off" placeholder="Analysis Link">
              </div>

              <div class="mb-3 col-md-6">
                <input value="1" type="checkbox" name="create_linkable" class="form-check-input" id="linkable">
                <label class="form-check-label" for="linkable">
                  Show Analysis line
                </label>
              </div>

              {{-- <div class="mb-3 col-md-6">
                <label for="individual_name" class="form-label">Individual Name</label>
                <input required name="create_individual_name" type="text" class="form-control" id="individual_name" autocomplete="off" placeholder="Individual Name">
              </div> --}}
              <div class="mb-3 col-md-6">
                <label for="users" class="form-label">Users</label>
                <select name="create_user[]" class="js-example-basic-multiple form-select" id="users" multiple="multiple" data-width="100%">
                  @foreach($userd as $user)
                  <option @if (request()->query('user_id') == $user->id) selected @endif value="{{$user->id}}" >{{$user->email}}</option>
                  @endforeach
                  </select>
              </div>
              {{-- <div class="mb-3 col-md-6">
                <label for="user" class="form-label">User</label>
                <select class="js-example-basic-single form-select" name="create_user" id="user">
                  @foreach($userd as $user)
                  @if (request()->query('user_id') == $user->id)
                  <option value="{{$user->id}}" selected>{{$user->email}}</option>
                      @else
                      <option value="{{$user->id}}" >{{$user->email}}</option>
                      @endif
                  @endforeach
                </select>
              </div> --}}
              @if (!empty($sub_sectors) && isset($sub_sectors))

              <div class="mb-3 col-md-6">
                <label for="sub_sector" class="form-label">Sub Sector</label>
                <select class="js-example-basic-single form-select" name="create_sub_sector" id="sub_sector">
                  @foreach($sub_sectors as $sub_sector)
                  <option value="{{$sub_sector->id}}">{{$sub_sector->title}}</option>
                  
                  @endforeach
                </select>
              </div>
              @endif
              {{-- <div class="mb-3 col-md-6">
                <label class="form-label">Initiatives</label>
                <select name="create_initiatives[]" class="js-example-basic-multiple form-select" multiple="multiple" data-width="100%">
                  @foreach($initiatives as $initiative)
                    <option value="{{$initiative->id}}">{{$initiative->title}}</option>
                  @endforeach
                  </select>
              </div> --}}
              <div class="mb-3 col-md-6">
                <input value="1" type="checkbox" name="create_active" class="form-check-input" id="active">
                <label class="form-check-label" for="active">
                  Active
                </label>
              </div>
            </div>
            <div class="submit-button-wrapper">
              <button type="submit" class="btn btn-primary me-2">Create</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

@endsection

@push('plugin-scripts')
  <script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/inputmask/jquery.inputmask.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/typeahead-js/typeahead.bundle.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/jquery-tags-input/jquery.tagsinput.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/dropzone/dropzone.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/dropify/js/dropify.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/pickr/pickr.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/moment/moment.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/flatpickr/flatpickr.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/tinymce/tinymce.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/easymde/easymde.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/ace-builds/ace.js') }}"></script>
  <script src="{{ asset('assets/plugins/ace-builds/theme-chaos.js') }}"></script>
@endpush

@push('custom-scripts')
  <script src="{{ asset('assets/js/form-validation.js') }}"></script>
  <script src="{{ asset('assets/js/bootstrap-maxlength.js') }}"></script>
  <script src="{{ asset('assets/js/inputmask.js') }}"></script>
  <script src="{{ asset('assets/js/select2.js') }}"></script>
  <script src="{{ asset('assets/js/typeahead.js') }}"></script>
  <script src="{{ asset('assets/js/tags-input.js') }}"></script>
  <script src="{{ asset('assets/js/dropzone.js') }}"></script>
  <script src="{{ asset('assets/js/dropify.js') }}"></script>
  <script src="{{ asset('assets/js/pickr.js') }}"></script>
  <script src="{{ asset('assets/js/flatpickr.js') }}"></script>
  <script src="{{ asset('assets/js/tinymce.js') }}"></script>
  <script src="{{ asset('assets/js/easymde.js') }}"></script>
  <script src="{{ asset('assets/js/ace.js') }}"></script>
@endpush