    @php($message = 'Booking Form against booking details (Article Name:"'.$booking->plot->plot_id.' "Type:" '.$booking->plot->type .'") has been viewed')
    @php(EF::createLogs($message,'document'))


<!DOCTYPE html>
<html>
<head>

  <title>Reservation Form</title>


  <style type="text/css">

@font-face {
   font-family: myFirstFont;
   src: url(sharefonts.net.txt);
}

   body{
   font-family: myFirstFont;
   font-size: 12pt;
}

    *{

        margin: 0;
     }

     /* GENERAL CSS APPLY ALL SECTIONS*/


  *{
    margin: 0;
  /*  padding-top: 6px;*/
  }
  .margin{
    padding-top: 8px;
  }

  .title{

    text-align: center;
    font-weight: bold;
  }


  .container1{

    margin-left: 7%;
    margin-right: 5%;

  }

  .image-section1{

    width: 100px;
    height: 100px;


    text-align: center;
    position: absolute;
    margin-left:  -5%;
/*    top:  -500%;*/
bottom:  10%;


  }

  .title1{

    text-align: center;
    margin-top: 2%;
    background: #a8a8a8;
    color: #fff;
    width: 30%;
    height: 2%;
    border-radius: 15px;
    vertical-align: middle;
    line-height: 29px;
    margin-left: 34.5%;
  }



  .clear{

    clear: both;
  }

  .top-section{
    margin-left: 4%;
  }

  input[type=text]
  {



    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1.5px solid black;
    font-size: 14px;
    text-align: center;
    background-color: transparent;


  }

/*  #START=> APPARTMENT SECTION */
  .main-section .row .col{


    width: 25%;
    margin-right: 30px;
    padding-right: 10px;
    float: left;
    line-height: 1.5rem;
  }

  .main-section .row{

    /*margin-left: 4%;*/


  }

  .main-section .col label{
    font-size: 14px;
    /*font-weight: bold;*/
  }



  .main-section .row .col .check{
    vertical-align: middle;
    margin-top: 10px;
    margin-right:  90px;
  }

/*  #END=> APPARTMENT SECTION */







/*  #END=> OFFICE USE SECTION */

/*  #START=>  IMAGE SECTION */

 .image-section{

    width: 85px;
    height: 85px;

    border: 1px solid #000;
    text-align: center;
    position: absolute;
    margin-left:  83%;
    top:  18%;


  }



  small{
    font-size: 14px;
    margin-left: 15;
  }

     .container{
     	 text-align: justify;
        text-justify:inter-word;


     }


  </style>
</head>
<body style="margin:3% 7.5% 4% 7.5%;">

      <div class="header">
        <div style = "float:left">
          <img  src="{{EF::getProjectLogo($booking->branch->name)}}" width="20%"/>
        </div>
      </div>
      <center>
        <h2 style="align-items: center; position: relative; margin-top: 5%:">
          {{strtoUpper($booking->branch->name)}}</h2>
      </center>

      <div class="container">
        <div class="main-section">

          <div class = "row clear margin" style = "margin-bottom :2%; margin-top :2%;">

                   <img  src="graphics/logo/image.png" width="100%" />
                  
          </div>

          <b style = "float:right;"><span >Date: {{EF::dateFormat($booking->created_at)}}
          </span></b>
          <div class="row clear margin">
         

              <div class="col margin" style="width: 100%">
                <label>Name Mr. Mrs. Miss <input style="width: 86.5%" value="{{ucwords($user->name)}}" type="text"></label>
              </div>

          </div>


         <div class="row clear margin">
          <div class="col margin" style="width: 100%">
            <label>{{$user->relation}}: 
              <input style="width: 100%"; value="{{ucfirst($user->fname)}}" type="text">
            </label>
          </div>
          
          <div class="row clear margin">


            <div class="col margin" style="width: 100%">
              <label>N.I.C /Passport Number (Attach Copy) <input style="width: 71%" value="{{$user->cnic}}" type="text"></label>
            </div>
          </div>
          <div class="row clear margin">
              <div class="col margin" style="width: 100%">
                <label>Present Mailing Address: </label>
                <textarea rows="5" cols="50" style="line-height: 25pt; outline-color: #000; height: auto; width: 105%;  border:0; font-size: 10.5pt; font-family: sans-serif; !important;" value="" type="text"><u  style="width: 105%;  word-wrap: break-word; text-decoration: none; border-bottom:1px solid #000;">{{($user->temp_address)}}
                </u>
                </textarea>
              </div>
          </div>


          <div class="row clear margin">
            <div class="col margin" style="width: 100%">
                <label>Office/Residence Telephone: <input style="width: 79.2%" value="{{$user->other_contact}}" type="text"></label>
            </div>
          </div>

          <div class="row clear margin">
            <div class="col margin" style="width: 100%">
              <label>Mobile Telephone: <input style="width: 88.1%" value="{{$user->contact}}" type="text"></label>
            </div>
          </div>
          <div class="row clear margin">
            <div class="col margin" style="width: 100%">
              <label>Email: <input style="width: 99.1%" value="{{EF::filterEmail($user->email)}}" type="text"></label>
            </div>
          </div>
          <div class="row clear margin">
            <div class="col margin" style="width: 32%">
              <label>Apartment No <input style="width: 70.5%" value="{{$booking->plot->plot_id}}" type="text"></label>
            </div>
            <div class="col margin" style="width: 28%">
              <label>Floor <input style="width: 89%" value="{{$booking->plot->floor}}" type="text"></label>
            </div>
            <div class="col margin" style="width: 30%">
              <label>Category <input style="width: 65%" value="{{$booking->plot->category}}" type="text"></label>
            </div>

          </div>
          <div class="row clear margin">
            <br>
            <h3> <i>Nominations</i></h3>
          </div>
          <div class="row clear margin">
            <div class="col margin" style="width: 60%">
              <label>I hereby nominate Mr./Mrs./Miss <input style="width: 59.5%" value="@isset($nominee->id){{ucfirst($nominee->user->name)}}@endisset" type="text"></label>
            </div>
            <div class="col margin" style="width: 40%">
              <label>Relationship 
                <input style="width: 56.5%" value="@isset($nominee->id){{$nominee->relation_ship}}@endisset" type="text">
              </label>
            </div>

          </div>
          <div class="row clear margin">
              @if(isset($nominee->id) && $nominee->user->relation == 'S/O')
                  <div class="col margin" style="width: 100%">
                  <label>S / O <input style="width:100%" value="@isset($nominee->id){{ucfirst($nominee->user->fname)}}@endisset" type="text"></label>
                  </div>
              @elseif(isset($nominee->id) && $nominee->user->relation == 'D/O')
                  <div class="col margin" style="width: 100%">
                  <label>D / O <input style="width:100%" value="@isset($nominee->id){{ucfirst($nominee->user->fname)}}@endisset" type="text"></label>
                  </div>
              @elseif(isset($nominee->id) && $nominee->user->relation == 'W/O')
                  <div class="col margin" style="width: 100%">
                  <label>W / O <input style="width:100%" value="@isset($nominee->id){{ucfirst($nominee->user->fname)}}@endisset" type="text"></label>
                  </div>
              @else
                  <div class="col margin" style="width: 100%">
                  <label>S / O <input style="width:100%" value="@isset($nominee->id){{ucfirst($nominee->user->fname)}}@endisset" type="text"></label>
                  </div>
              @endif
          </div>
          <div class="row clear margin">
            <div class="col margin" style="width: 100%">
              <label>Contact Info <input style="width: 94%" value="@isset($nominee->id){{$nominee->user->contact}}@endisset" type="text"></label>
            </div>
          </div>
          <div class="row clear margin">
          	<br>
          	<br>
            <p>The particulars given above in this reservation form are correct to the best of our knowledge. I understand and accept that I have read and understood the terms and conditions for the allotment of the said property and accept the same.I further declare that I shall abide by the rules and regulations that may be prescribed in future, as well.</p>
          </div>
          <div class="row clear margin">
          	<br>
          	<br>
          	<br>
          	<div class="col margin" style="width: 55%">
              <label><b>Dated</b> <input style="width:54%" value="" type="text"></label>
            </div>
            <div class="col margin" style="width: 40%">
              <label><b>Signature </b><input style="width:73%" value="" type="text"></label>
            </div>
          </div>
          </div>
        </div>
      </div>

</body>
</html>
