@extends('layouts.app')

@section('content')
@section('script')
<link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">
@section('content')

<style>
.font{
    font-size: 20px;
    text-align: center;
}
.font2{
    text-align: center;
}
.pad{
    padding-left: 550px;
}
</style>


<div class="container mt-4">
  @if (\Session::has('error'))
    <div class="alert alert-success">
        <ul>
            <li>{!! \Session::get('error') !!}</li>
        </ul>
    </div>
@endif
  <div class="card">

    <div class="card-header d-flex  bg-al">
 <div>
      <a href="{{url('companies-list')}}" class="btn clr-al"style="border-color:white;height: 28.083334px;padding-top: 5px;">
        <i class="fa-sharp fa-solid fa-arrow-left clr"></i>
      </a>
    </div>
    <div class="bold backbt-all head-capt">
      {{trans('Zoho Configuration')}}
</div>
    </div>
    <div class="card-body clr-al">
    <h1 class="font"><b></b></h1><br>
  
 <div>
    
 <form action="{{url('zohoconfig-submit',['company_id'=>$company_id])}}" method="post">
 @csrf
 <div class="form-group row justify-content-center">
    <label for="inputEmail3" class="col-sm-2 col-form-label bold">Client-ID</label>
    <div class="col-sm-3">
    <input type="text" class="form-control" name="client_id" required="" id="inputEmail3" >
    </div>
  </div>
  <div class="form-group row justify-content-center">
    <label for="inputPassword3" class="col-sm-2 col-form-label bold">Username</label>
    <div class="col-sm-3">
    <input type="text" class="form-control" name="username" required=""  id="inputPassword3">
    </div>
  </div>
  <div class="form-group row justify-content-center">
    <label for="inputPassword3" class="col-sm-2 col-form-label bold">Password</label>
    <div class="col-sm-3">
    <input type="text" class="form-control" name="password" required=""  id="inputPassword3">
    </div>
  </div>
  <div class="form-group row justify-content-center">
    <label for="inputPassword3" class="col-sm-2 col-form-label bold">Organization ID</label>
    <div class="col-sm-3">
    <input type="text" class="form-control" name="organization_id" required="" id="inputPassword3">
    </div>
  </div>
  <div class="form-group row justify-content-center">
    <label for="inputPassword3" class="col-sm-2 col-form-label bold">Secret ID</label>
    <div class="col-sm-3">
    <input type="text" class="form-control" name="secret_key" required=""  id="inputPassword3">
    </div>
  </div>
  <div class="form-group row justify-content-center">
    <div class="col-sm-5">
    <button type="submit" class="btn btn-success" style="float:right;margin-top:10px">Submit</button>
    </div>
  </div>
</form>


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