@extends('layouts.app',['dashBoardTitle'=>'BASIC INFORMATION'])
    @section('script')
    <link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">
    @endsection
@section('content')
<style>
    .wd-120{
        width:125px;
    }
    .wd-500{
        width:500px;
    }
    .wd-70px{
        width:70px;
    }
    .wd-534{
        width: 534px;

    }
    .wd-emtrs{
        
    width:205px;

    }
    .wd-tbl{width:250px}
</style>
<div class="d-flex justify-content-between mt-2">
    <div>
       <h3 class=""> <b>Tax period :</b>From 01-07-2023 to 30-06-2024</h3>
    </div>
       <div class="d-flex">
          <h3 class="wd-120 bold"> Entity sub-type : </h3>
         <select class="wd-500 form-select" name="" id="">
           <option value="">  Legal Person -UAE Public Joint Stock Company</option>
           <option value="">Legal Person - UAE Private Company (incl. an Establishment)</option>
           <option value="">Legal Person - Foreign Company</option>
           <option value="">Legal Person - Club or Association or Society</option>
           <option value="">Legal Person - Trust</option>
           <option value="">Legal Person - Charity</option>
           <option value="">Legal Person - Foundation</option>
           <option value="">Legal Person - Federal Government Entity</option>
           <option value="">Legal Person - Emirate Government Entity</option>
           <option value="">Legal Person - Other</option>
           <option value="">Natural Person - Individual</option>
           <option value="">Natural Person - Sole Proprietorship/Establishment or Civil Company</option>
           <option value="">Natural Person - Partner in a Partner</option>
           <option value="">Natural Person - Other</option>
         </select>
       </div>
</div>
<div class="col-sm-6 mt-3">


   <div class="d-flex justify-content-between p-2">
           <div class="bold">
                  Name
            </div>

               <div>
                  <input class="form-control" type="text">
               </div>
     </div>
     <div class="d-flex justify-content-between p-2">
        <div class="bold">
               Mobile No
            </div>

               <div>
                  <input class="form-control" type="text">
               </div>
</div>


<div class="d-flex justify-content-between p-2 pb-0">
        <div class="bold">
             Address
            </div>

            
               <div class="d-flex">
               <div class="wd-70px">
            Door no.
            </div>
            <div>
                  <input class="form-control" type="text">
               </div>
               </div>
</div>
<div class="d-flex justify-content-between wd-534">
        <div class="bold">
            </div>
               <div class="d-flex">
               <div class="wd-70px">
               Building 
            </div>
            <div>
                  <input class="form-control" type="text">
               </div>
               </div>
</div>

<div class="d-flex justify-content-between wd-534">
        <div class="bold">
            </div>
               <div class="d-flex">
               <div class="wd-70px">
               Road 
            </div>
            <div>
                  <input class="form-control" type="text">
               </div>
               </div>
</div>
<div class="d-flex justify-content-between wd-534 pb-2">
        <div class="bold">
            </div>
               <div class="d-flex">
               <div class="wd-70px"> 
               Area 
            </div>
            <div>
                  <input class="form-control" type="text">
               </div>
               </div>
</div>

<div class="d-flex justify-content-between p-2 ">
        <div class="bold">
        Emirate
            </div>

               <div>
                 <select class="form-select wd-emtrs" name="" id="">
                    <option value="">Abu Dhabi</option>
                    <option value="">Dubai</option>
                    <option value="">Sharjah</option>
                    <option value="">Ajman</option>
                    <option value="">Umm Al Quwain</option>
                    <option value="">Ras Al Khaimah</option>
                    <option value="">Fujairah</option>
                 </select>
               </div>
</div>


<div class="d-flex justify-content-between p-2">
        <div class="bold">
        PO Box 
            </div>

               <div>
                  <input class="form-control" type="text">
               </div>
</div>

<div class="d-flex justify-content-between p-2">
        <div class="bold">
        Corporate Tax Registration Number (TRN)
            </div>

               <div>
                  <input class="form-control" type="text">
               </div>
</div>


<div class="d-flex justify-content-between p-2">
        <div class="bold">
        Due Date
            </div>

               <div>
               <input type ="date"  name="date_of_transfer" class="form-control wd-emtrs" required="" value="" id=""></input>
               </div>
</div>

<div class="d-flex justify-content-between p-2">
        <div class="bold">
        Residential status 
            </div>

               <div>
                <select class="form-select wd-emtrs" name="" id="">
                    <option value="">.</option>
                    <option value="">Resident</option>
                    <option value="">Non-Resident</option>
                </select>
               </div>
</div>

<div class="d-flex justify-content-between p-2">
        <div class="bold">
        Type of Company 
            </div>

               <div>
                <select class="form-select wd-emtrs" name="" id="">
                    <option value="">Mainland Company </option>
                    <option value="">Free Zone Company </option>
                    <option value="">Branch of Mainland Company</option>
                    <option value="">Branch of Free Zone Company</option>
                    <option value="">Exempt Person </option>
                    <option value="">Natural Person</option>
                    <option value="">Foreign Branch of UAE Company </option>
                </select>
               </div>
</div>

</div>


<div class="p-3">
    <table class="table table-bordered fnt mb-0">
<tr>
    <td class="text-center bold bg">
    Authorised Signatory details
    </td>
</tr>
    </table>
<table class="table table-bordered fnt">
                                  <tr>
                                            <td class="bold text-center wd-tbl">
                                                Name 
                                            </td>
                                            <td class="wd-tbl">
                                         
                                         </td>
                                        <td class="bold text-center wd-tbl">
                                           Emirates ID no
                                       </td>
                                       <td class="wd-tbl">
                                         
                                         </td>
                                      
                                  </tr>

                        <tr>
                             <td class="bold text-center">
                                Designation 
                             </td>
                               <td>
                                         
                               </td>
                         <td class="bold text-center">
                           Passport no
                        </td>
                        <td>
                                         
                         </td>
                     </tr>
                   </table>
            </div>
@endsection