@extends('admin.layouts.master')
@section('content')
<style>
.bootstrap-tagsinput .label-info {
    background-color: #5bc0de;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
}

.bootstrap-tagsinput {
    width: 100%;
}

.bootstrap-tagsinput .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
</style>
<div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6" >
            <h1 class="m-0 text-dark">Update Company</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('admin')}}">Home</a></li>
              <li class="breadcrumb-item active"><a href="{{asset(route('patient'))}}">Company</a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
  <div class="container-fluid">
    @if(session()->has('success'))
      <div class="alert alert-success">
        {{ session()->get('success') }}
       </div>
    @endif
    @if(session()->has('error'))
      <div class="alert alert-danger">
        {{ session()->get('error') }}
      </div>
    @endif

    @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div><br />
    @endif

        <div class="row">
          <div class="col-md-12">
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Update Company</h3>
              </div>
              <form id="updateCompanyForm" role="form" method="post" action="{{!isset($company['id']) ? route('company.store') : route('company.update',$company['user_id'])}}" enctype="multipart/form-data">
                @csrf
                @if(isset($company['id']))
                   {{ method_field('PUT') }}
                @endif
                <div class="card-body">
                  <div class="row">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Plans</label>
                          <select class="form-control" required  name="user_plan" required style="width: 100%;{{(isset($company->userPlan->plan_id) ? " pointer-events:none;background-color:#ccc" : "") }}">
                              <option value="" selected>Please select</option>
                              @foreach($plans as $plan)
                                <option value="{{$plan->id}}" {{(isset($company->userPlan->plan_id) && $company->userPlan->plan_id == $plan->id) ? "selected" : ""}}>{{$plan->plan_name}}</option>
                              @endforeach
                          </select>
                        </div>

                      </div>
                      <!-- /.col -->

                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Registered Employees</label>
                          <input type="text" class="form-control" disabled id="user_plan_limit" name="user_plan_limit" value="{{ isset($registered_employees) ? $registered_employees : "" }}" placeholder="Remaing Employees">
                        </div>
                      </div>
                      <!-- /.col -->

                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Remaining Videos</label>
                          <input type="text" class="form-control" disabled id="videos" name="videos" value="{{ isset($company->userPlan->videos) ? $company->userPlan->videos : "" }}" placeholder="Video Limit in plan">
                        </div>
                      </div>
                      <!-- /.col -->


                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Company Name</label>
                        <input type="text" class="form-control" id="company_name" required name="company_name" value="{{ old('company_name', $company['company_name']) }}" placeholder="Enter company name">
                      </div>
                    </div>
                    <!-- /.col -->
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Company Email</label>
                        <input type="text" class="form-control" id="email" required name="email" {{isset($company['id']) ? "disabled": ""}} value="{{ old('email', isset($company->user['email']) ? $company->user['email'] :"") }}" placeholder="Enter company email">
                      </div>
                    </div>
                    <!-- /.col -->

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Master User Firstname</label>
                        <input type="text" class="form-control" id="first_name" required name="first_name" value="{{ old('first_name', isset($company->companyUser['first_name']) ? $company->companyUser['first_name'] : "") }}" placeholder="Enter first name">
                      </div>
                    </div>
                    <!-- /.col -->

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Master User Lastname</label>
                        <input type="text" class="form-control" id="last_name" required name="last_name" value="{{ old('last_name', isset($company->companyUser['last_name']) ? $company->companyUser['last_name'] : "") }}" placeholder="Enter last name">
                      </div>
                    </div>
                    <!-- /.col -->

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Contact</label>
                        <input type="text" class="form-control" id="mobile" required name="mobile" value="{{ old('mobile', isset($company->companyUser['mobile']) ? $company->companyUser['mobile'] : "") }}" placeholder="Enter contact number">
                      </div>
                    </div>
                    <!-- /.col -->

                      @if(!isset($company['id']))

                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Company password</label>
                          <input type="password" class="form-control" id="password" required name="password" value="" placeholder="Enter company password">
                        </div>
                      </div>
                      <!-- /.col -->
                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Password confirmation</label>
                          <input type="password" class="form-control" id="password" required name="password_confirmation" value="" placeholder="Enter password confirmation">
                        </div>
                      </div>
                      <!-- /.col -->
                      @endif

                      <!-- <div class="form-group">
                        <label>Extra Employees</label>
                        <input type="text" class="form-control"  onkeypress="return isNumberKey(event)" id="extra_users" name="extra_users" value="{{ old('extra_users', $company['extra_users']) }}" placeholder="Extra Employees">
                      </div> -->
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Extra Videos</label>
                        <input type="text" class="form-control" onkeypress="return isNumberKey(event)" name="extra_videos" value="{{ isset($company->userPlan->extra_videos) ? $company->userPlan->extra_videos : "" }}"  >
                      </div>
                    </div>
                    @if(isset($company['user_id']) && isset($company->userPlan))
                          <div class="col-md-6">
                              <div class="form-group">
                                  <label>Number of Employees</label>
                                  <input type="text" class="form-control"
                                         name="number_of_employees"
                                         value="{{ $company->userPlan->users }}">
                              </div>
                          </div>
                    @endif
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Email Domain</label>
                        <input type="text" class="" data-role="tagsinput"  name="emails_domain" id="emails_domain" value="{{ isset($company->email_domain) ? $company->email_domain : "" }}"  >
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Invitation Password</label>
                        <input type="password" class="form-control" name="invitation_password" id="invitation_password" value=""  >
                      </div>
                    </div>
                    @if(isset($company['user_id']) && isset($company->userPlan))
                          <div class="col-md-6">
                              <div class="form-group">
                                  <label>Number of Employees</label>
                                  <input type="text" class="form-control"
                                         name="number_of_employees"
                                         value="{{ $company->userPlan->users }}">
                              </div>
                          </div>
                    @endif
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Company URL</label>
                        <input type="text" class="form-control"  name="company_url" name="company_url" value="{{ isset($company->company_url) ? $company->company_url : "" }}"  >
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>B2B Custom Field Name</label>
                        <input type="text" class="form-control"  name="custom_field_name" name="custom_field_name" value="{{ isset($company->custom_field_name) ? $company->custom_field_name : "" }}"  >
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Connect Teams</label>
                          <input type="checkbox" class="form-control" name="connect_teams" name="connect_teams" {{isset($company->user->connect_teams)  && $company->user->connect_teams == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Is Lite</label>
                              <input type="checkbox" class="form-control" name="is_lite" {{isset($company->is_lite)  && $company->is_lite == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>

                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Only Heartbeat</label>
                              <input type="checkbox" class="form-control" name="only_heartbeat" {{isset($company->only_heartbeat)  && $company->only_heartbeat == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>

                      </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Custom Moodbox</label>
                          <input type="checkbox" class="form-control" name="custom_moodbox" name="custom_moodbox" {{isset($company->custom_moodbox)  && $company->custom_moodbox == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>

                    </div>
                    <!-- /.col -->
                    @if(isset($company['id']))
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-4">
                          <div class="form-group">
                            <label>Import Dummy Employees List (It will be used to create Dummy Employees & Data)</label>
                            <input style="height: auto;" onchange="checkfile(this, '.csv');" type="file" class="form-control" name="employeesList" accept=".csv, application/csv" >
                            <small class="text-red"><strong>CSV format: FirstName,LastName,EmailAddress,TelephoneNumber</strong></small></strong>
                          </div>
                        </div>
                        <div class="col-md-2">
                          <div class="form-group">
                            <label>Dummy List Action</label>
                            <select class="form-control" required style="width: 100%;" name="employees_list_action">
                                <option value=""></option>
                                <option value="add" selected>Create employees</option>
                                <option value="remove">Remove employees</option>
                            </select>
                          </div>
                        </div>
                      </div>
                    </div>
                    @endif
                    <!-- /.col -->

                    <div class="col-md-12 depart_cont">
                      <h5 class=" border-bottom">Departments <button class="add_depart btn btn-sm btn-default" type="button">Add new</button></h5>
                      @if($departs)
                        @foreach ($departs as $item)
                          <div class="col-md-3 depart_box">

                            <div class="input-group form-group">

                              <input required type="text" class="form-control" name="departments[]" value="{{$item->name}}" placeholder="Enter department name">
                              <div class="input-group-btn">
                                <button class="btn btn-danger depart_del" type="button">
                                  <i class="fas fa-trash"></i>
                                </button>
                              </div>

                            </div>

                          </div>
                          <!-- /.col -->
                        @endforeach
                      @endif
                    </div>
                    <!-- /.col -->
                    <div class="form-group">
                      <button type="submit" class="btn btn-primary">Submit</button>
                      @if(isset($company['user_id']))
                      <a href="{{route('unsubscribe',$company['user_id'])}}" class="btn btn-danger">Unsubscribe</a>
                      @endif
                    </div>
                  </div>
                </div>


              </form>
            </div>
          </div>

        </div>
      </div>
  @endsection


  @section('script')
<script>
  function clearInputFile(f){
      if(f.value){
          try{
              f.value = ''; //for IE11, latest Chrome/Firefox/Opera...
          }catch(err){ }
          if(f.value){ //for IE5 ~ IE10
              var form = document.createElement('form'),
                  parentNode = f.parentNode, ref = f.nextSibling;
              form.appendChild(f);
              form.reset();
              parentNode.insertBefore(f,ref);
          }
      }
  }
  function checkfile(sender, allowedTypes) {
      var validExts = allowedTypes.split(',');
      var fileExt = sender.value;
      fileExt = fileExt.substring(fileExt.lastIndexOf('.'));
      if (validExts.indexOf(fileExt) < 0) {
        clearInputFile(sender);
        alert("Invalid file selected, valid files are of " +
                validExts.toString() + " types.");
        return false;
      }
      else return true;
  }

  $(document).ready(function(){
    $('#emails_domain').tagsinput({
    });



      $(document).on('click', '.add_depart', function(){
        var input = `<div class="col-md-3 depart_box">

                        <div class="input-group form-group">

                          <input required type="text" class="form-control" name="departments[]" value="" placeholder="Enter department name">
                          <div class="input-group-btn">
                            <button class="btn btn-danger depart_del" type="button">
                              <i class="fas fa-trash"></i>
                            </button>
                          </div>

                        </div>

                      </div>`;
                      $('.depart_cont').append(input);
      });
      $(document).on('click', '.depart_del', function(){
        if(confirm('Are you sure?')){
          $(this).parents('.depart_box:first').remove();
        }
      });
      $(document).on('submit', '#updateCompanyForm', function(){
        showLoader(1);
      });

  });

</script>

@endsection