{{-- <x-app-layout> --}}
    @extends('layouts.master')
    <!-- Theme style -->
    @section('superadmin')
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <h1>Najma Directory Show</h1>
            </div>
            <div class="col-sm-6">
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active">Najma Directory Show</li>
              </ol>
            </div>
          </div>
        </div><!-- /.container-fluid -->
      </section>

      <!-- Main content -->
      <section class="content">
        <!-- Modal End -->
        <div class="container-fluid">
          <div class="row">
            <div class="col-12">
              <!-- /.card -->
              <div class="card">
                <div class="card-header">
                  {{-- <h3 class="card-title"></h3> --}}
                  <div class="col-lg-1 float-right">
                    {{-- <a href="#" class="btn btn-block bg-gradient-primary"><i class="fas fa-plus"></i> Add</a> --}}
                    <button value="Back" type="Button" onclick="history.go(-1);" class="btn btn-info float-right">Back</button>
                  </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <form action="{{ route('super/admin/najma/directory/store') }}" method="post">
                        @csrf
                        <div class="row">
                            <div class="col-lg-3">
                                <label for="">Contracted Date</label>
                                <input type="date" name="datecontracted" class="form-control">
                                <span class="text-danger error-text datecontracted_error"></span>
                            </div>

                            <div class="col-lg-3">
                                <label for="">Coordinator</label>
                                <select name="coordinator" class="select2 color:dark" style="width: 100%;">
                                    <option value="0" selected>Select a Marketing Coordinator</option>
                                    @foreach ($marketings as $marketing)
                                        <option value="{{ $marketing->id }}">{{ $marketing->username }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text inq_coordinator_error"></span>
                            </div>

                            <div class="col-lg-6">
                                <label for="">Company Name</label>
                                {{-- <input type="text" name="companyname" class="form-control" id="search" placeholder="Search">
                                 --}}
                                <input type="text" name="companyname" class="form-control" id="search" placeholder="Enter Company Name" />
                                <span class="text-danger error-text companyname_error"></span>
                            </div>

                            <div class="col-lg-6">
                                <label for="">Website</label>
                                <input type="text" name="website" class="form-control">
                                <span class="text-danger error-text website_error"></span>
                            </div>

                            <div class="col-lg-3">
                                <label for="">Scope of Business</label>
                                <select name="sob" class="select2 color:dark" style="width: 100%;" >
                                    <option value="0" selected>Select a Scope of Business</option>
                                    @foreach ($scopeofbusiness as $business)
                                        <option value="{{ $business->id }}">{{ $business->name }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text sob_error"></span>
                            </div>

                            <div class="col-lg-3">
                                <label for="">Emirates</label>
                                <select name="emirates" class="select2 color:dark" style="width: 100%;" >
                                    <option value="0" selected>Select a Emirate</option>
                                    @foreach ($emirates as $emirate)
                                        <option value="{{ $emirate->id }}">{{ $emirate->name }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text emiratess_error"></span>
                            </div>

                            <div class="col-lg-6">
                                <label for="">Area</label>
                                <input type="text" name="area" class="form-control">
                                <span class="text-danger error-text area_error"></span>
                            </div>
                            <div class="col-lg-3">
                                <label for="">Country</label>
                                <select name="country" class="select2 color:dark" style="width: 100%;" >
                                    <option value="0" selected>Select a Country</option>
                                    @foreach ($countries as $country)
                                        <option value="{{ $country->id }}">{{ $country->name }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text country_error"></span>
                            </div>
                            <div class="col-lg-3">
                                <label for="">Gender</label>
                                <select name="gender" class="select2 color:dark" style="width: 100%;" >
                                    <option value="0" selected>Select a Gender</option>
                                    <option value="1">Male</option>
                                    <option value="2">FeMale</option>
                                    {{-- <option value="3">Other</option> --}}
                                </select>
                                <span class="text-danger error-text gender_error"></span>
                            </div>

                            <div class="col-lg-3">
                                <label for="">Contact Person Name</label>
                                <input type="text" name="personname" class="form-control">
                                <span class="text-danger error-text personname_error"></span>
                            </div>

                            <div class="col-lg-3">
                                <label for="">Contact Number</label>
                                <input type="text" name="contactno" class="form-control">
                                <span class="text-danger error-text contactno_error"></span>
                            </div>

                            <div class="col-lg-6">
                                <label for="">Contact Email</label>
                                <input type="text" name="email" class="form-control">
                                <span class="text-danger error-text email_error"></span>
                            </div>

                            <div class="col-lg-6">
                                <label for="">Contact Person Position</label>
                                <input type="text" name="contact_person_position" class="form-control">
                                <span class="text-danger error-text contact_person_position_error"></span>
                            </div>

                            <div class="col-lg-6">
                                <label for="">Category</label>
                                <select name="category" class="select2 color:dark" style="width: 100%;" >
                                    <option value="0" selected>Select a category</option>
                                    @foreach ($category as $cat)
                                        <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text category_error"></span>
                            </div>

                            <div class="col-lg-12 text-center pt-3 pb-4 text-blue"><h4> <b><span>***</span> Sales Tracker Data <span>***</span></b></h4></div>
                            <div class="col-lg-3">
                                <label for="">Sales Action</label>
                                <select name="salesaction" class="select2" id="salesaction" style="width: 100%;">
                                    <option value="0" selected>Select a Sales action</option>
                                    @foreach ($sales_action as $sa)
                                        <option value="{{ $sa->id }}">{{ $sa->name }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text salesaction_error"></span>
                            </div>
                            <div class="col-lg-3">
                                <label for="">Contract admin</label>
                                <select name="admin_assign_id" class="select2" id="contractadmin" style="width: 100%;">
                                    <option value="0" selected>Select a Sales action</option>
                                    @foreach ($contractadmin as $contract)
                                        <option value="{{ $contract->id }}">{{ $contract->username }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text admin_assign_id_error"></span>
                            </div>
                            <div class="col-lg-3">
                                <label for="">Date of Follow up Action</label>
                                <input type="date" name="sales_date_followup_action" class="form-control">
                                <span class="text-danger error-text sales_date_followup_action_error"></span>
                            </div>
                            <div class="col-lg-3">
                                <label for="">Sales Status</label>
                                <select name="salesstatus" class="select2" style="width: 100%;">
                                    <option value="0" selected>Select a Sales action</option>
                                    @foreach ($sales_status as $ss)
                                        <option value="{{ $ss->id }}">{{ $ss->name }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-text salesstatus_error"></span>
                            </div>
                            <div class="col-lg-4">
                                <label for="">Latest Updated Date</label>
                                <input type="date" name="sales_latest_updated_date" class="form-control">
                                <span class="text-danger error-text sales_latest_updated_date_error"></span>
                            </div>
                            <div class="col-lg-4">
                                <label for="">Latest Sales Status</label>
                                <input type="text" name="sales_status_latest" class="form-control" value="0">
                                <span class="text-danger error-text sales_status_latest_error"></span>
                            </div>
                            <div class="col-lg-4">
                                <label for="">Latest Date Follow up Action</label>
                                <input type="date" name="sales_latest_date_followup_action" class="form-control">
                                <span class="text-danger error-text sales_latest_date_followup_action_error"></span>
                            </div>
                            <div class="col-lg-12">
                                <label for="">Latest Sales Remarks</label>
                                <textarea name="salesremarks" class="form-control" rows="3"></textarea>
                                <span class="text-danger error-text salesremarks_error"></span>
                            </div>

                            <div class="col-lg-12">
                                <label for="">Remarks</label>
                                <textarea name="remarks" class="form-control" rows="3"></textarea>
                                <span class="text-danger error-text remarks_error"></span>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-success">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- /.card-body -->
              </div>
              <!-- /.card -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
      </section>
      <!-- /.content -->
    </div>
@endsection