@extends('layouts.master')

@section('content')
<div class="right_col" role="main">
  <div class="">
    <div class="page-title">
      <div class="title_left">
        <h3>Manage Owner</h3>
      </div>
    </div>

            <div class="clearfix"></div>

            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <div class="clearfix"></div>
                      <div class="row">
                        {{ Form::open(['route' => 'admin-owner']) }}
                        <div class="col-md-4 form-group">
                          <div class="input-group" style="display:block;">
                          <input type="text" name="search_by" value="{{ Request::input('search_by') }}" class="form-control filters" placeholder="Search First Name / Last Name" title="Search First Name / Last Name ">
                          </div>
                        </div>
                         <div class="col-md-6 form-group">
                            {{ Form::submit('Search', ['id' => 'searchBtn', 'class' => 'btn btn-primary']) }}
                          </div>
                        <div class="col-md-2" align="right">
                            <div class="btn btn-primary pull-right" data-toggle = 'modal' data-target = '#addNew' style="border-radius:50px;"> <b>+</b> </div>              
                            <!-- <i class="fa fa-user-plus" style="cursor:pointer; font-size:30px;" data-toggle="modal" data-target="#addUser"> </i> -->
                        </div>
                        {{ Form::close() }}
                      </div>


          {{-- START ALERT BLOCK --}}
          @if(Session::has('successMessage'))
            <div class="alert alert-success" role="alert">
              <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              {!! html_entity_decode(session('successMessage')) !!}
            </div>
          @endif
          @if(Session::has('dangerMessage') || count($errors))
            <div class="alert alert-danger" role="alert">
              <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              {!! html_entity_decode(session('dangerMessage')) !!}
              {{ $errors->first() }}
            </div>
          @endif
          {{-- END ALERT BLOCK --}}


                  </div>                 
                </div>

            <table class="table table-striped" style=" font-size: 14px;">
              <thead>
              <tr>
                <th>Uid.</th>                              
                <th>First Name </th> 
                <th>Last Name </th>
                <th>Company </th>
                <th>Address </th>
                <th>City </th>
                <th>owner </th>
                <th>Zip Code </th>
                <th>Phone No. </th>
                <th>Email </th>
                <th>Website </th>
                <th>Facebook </th>
                <th>Active</th>
              </tr>
              </thead>      
         
             @php
              $n = "0";
           @endphp
  

            <tfoot>
              @forelse($owners as $owner)
              <tr>
                <td>{{ ++$n }}</td>               
                 <td>{{ $owner->first_name or 'NA' }}</td>
                 <td>{{ $owner->last_name or 'NA' }}</td>
                 <td>{{ $owner->company or 'NA' }}</td>
                 <td>{{ $owner->address or 'NA' }}</td>
                 <td>{{ $owner->city or 'NA'}}</td>
                 <td>{{ $owner->state or 'NA' }}</td>
                 <td>{{ $owner->zip_code or 'NA' }}</td>
                 <td>{{ $owner->phone or 'NA' }}</td>
                 <td>{{ $owner->email or 'NA' }}</td>
                 <td>{{ $owner->website or 'NA' }}</td>
                 <td>{{ $owner->facebook or 'NA' }}</td>
                 <td style="width:135px;">  
                  <i class="fa fa-edit btn-success btn-sm" aria-hidden="true" title="Edit" data-toggle="modal" data-target="#editOwner-{{$owner->id}}"></i>
                    {!! html_entity_decode(link_to_route('admin-del-owner', '<i style="  margin-bottom: 3px; margin-right: 0px;" class="fa fa-trash-o btn btn-danger btn-sm" aria-hidden="true"></i>', [$owner->id], ['onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!}  
                     @if($owner->status == 1)
                        {!! html_entity_decode(link_to_route('admin-active-owner', '<i style=" margin-bottom: 2px;" class="fa fa-check btn btn-success btn-sm" aria-hidden="true"></i>', [$owner->id], [ 'onclick' => 'return checkInActive()', 'title' => 'Activate'])) !!}
                    @elseif($owner->status == 0)
                        {!! html_entity_decode(link_to_route('admin-inactive-owner', '<i style=" margin-bottom: 2px;" class="fa fa-times btn btn-danger btn-sm" aria-hidden="true"></i>', [$owner->id], [ 'onclick' => 'return checkActive()', 'title' => 'Deactivate'])) !!}                      
                    @endif   
                  </td>   
                </tr>


{{-- START EDIT MODAL --}}
<div class="modal fade" id="editOwner-{{$owner->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
  <div class="modal-dialog modal-md" role="document">
    <div class="modal-content" style="height:750px;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <center> <h4 class="modal-title" id="modalLabel">Edit owner</h4>  </center>
      </div>       
     
      <div class="modal-body">
        {{ Form::open(['route' => 'admin-edit-owner', 'files' => true]) }}

        <div class="col-sm-4" style="margin-top:14px;">  
          <label>First Name : </label>
        </div>
         <input type="hidden" name="ownerId" value="{{ $owner->id}}">
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="fName" value="{{$owner->first_name }}" class="form-control" placeholder=" First Name" required>             
        </div> 

        <div class="col-sm-4" style="margin-top:14px;">  
          <label>Last Name : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="lName" value="{{$owner->last_name}}" class="form-control" placeholder=" Last Name">             
        </div> 

        <div class="col-sm-4" style="margin-top:14px;">  
          <label>Company : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="company"value="{{$owner->company}}"  class="form-control" placeholder=" Company">             
        </div>  

        <div class="col-sm-4" style="margin-top:14px;">  
          <label>Address : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="address" value="{{$owner->address}}" class="form-control" placeholder=" Address">             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>City : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="city"value="{{$owner->city}}"  class="form-control" placeholder=" City">             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>State : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="state" value="{{$owner->state}}" class="form-control" placeholder=" State">             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Zip Code : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="zip" value="{{$owner->zip_code}}" class="form-control" placeholder=" Zip Code">             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Phone : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="phone" pattern="[0-9-]+" value="{{$owner->phone}}" class="form-control" placeholder=" Phone">             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Email : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="email" name="email" value="{{$owner->email}}" class="form-control" placeholder=" Email">             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Website : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="url" name="website"value="{{$owner->website}}"  class="form-control" placeholder=" Website">             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Facebook : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="url" name="facebook" value="{{$owner->facebook}}" class="form-control" placeholder=" Facebook">             
        </div> 

        <div class="col-sm-10" align="center">
          {{ Form::submit('Save', ['class' => 'btn btn-primary', 'style' => 'width:14.5%; margin-top:10px;']) }}
        </div>
        
        {{ Form::close() }}
    </div> 
  </div>
</div>
{{-- END EDIT MODAL --}}  

                @empty                  
                  <tr> <td colspan="12" class="text-center">No Records Found.</td> </tr>                 
                @endforelse                                 
                          
            </tfoot>  
          </table>
      </div>
    </div>
  </div>
</div>



{{-- START ADD NEW MODAL --}}

  <!-- Modal -->
  <div class="modal fade" id="addNew" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
         <center> <h4 class="modal-title">Add Owner </h4>  </center>
        </div>
        
        <div class="modal-body">
        {{ Form::open(['route' => 'admin-add-owner', 'files' => true]) }}

        <div class="col-sm-4" style="margin-top:14px;">  
          <label>First Name : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="fName" class="form-control" placeholder=" First Name" >             
        </div> 

        <div class="col-sm-4" style="margin-top:14px;">  
          <label>Last Name : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="lName" class="form-control" placeholder=" Last Name" >             
        </div> 

        <div class="col-sm-4" style="margin-top:14px;">  
          <label>Company : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="company" class="form-control" placeholder=" Company" >             
        </div>  

        <div class="col-sm-4" style="margin-top:14px;">  
          <label>Address : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="address" class="form-control" placeholder=" Address" >             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>City : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="city" class="form-control" placeholder=" City" >             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>State : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="state" class="form-control" placeholder=" State" >             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Zip Code : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="zip" class="form-control" placeholder=" Zip Code" >             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Phone : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="text" name="phone" pattern="[0-9-]+" class="form-control" placeholder=" Phone" >             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Email : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="email" name="email" class="form-control" placeholder=" Email" >             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Website : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="url" name="website" class="form-control" placeholder=" Website" >             
        </div> 

         <div class="col-sm-4" style="margin-top:14px;">  
          <label>Facebook : </label>
        </div>
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">
            <input type="url" name="facebook" class="form-control" placeholder=" Facebook" >             
        </div> 

        <div class="col-sm-10" align="center">
          {{ Form::submit('Save', ['class' => 'btn btn-primary', 'style' => 'width:14.5%; margin-top:10px;']) }}
        </div>        
        {{ Form::close() }}
      </div>
    </div>
      
    </div>
  </div>
{{-- END ADD NEW MODAL --}}



@endsection

<script type="text/javascript">

$.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
      }
    });

$(document).on('click', '.pagination li a', function(e){
  e.preventDefault();
  var url = $(this).attr('href');
  $('#searchForm').attr('action', url);
  console.log($('#searchForm').attr('action'));
  $('#searchForm').submit();
});

function checkInActive(){
  return confirm("Are you sure you want to Deactivate?");
}

function checkActive(){
  return confirm("Are you sure you want to Activate?");
}

function checkDelete(){
  return confirm("Are you sure you want to delete?");
}

$(document).ready(function(){
  disabledSearchBtn();
  
  $(document).on('change', '#searchForm select', function(){
    disabledSearchBtn();
  });
  
  $(document).on('keyup', '#searchForm input', function(){
    disabledSearchBtn();
  });
  
  function disabledSearchBtn(){
    var searchBtn = false;
    $('.filters').each(function(){
      if($(this).val() != ''){
        searchBtn = true;
        return true;
      }
    });
    
    if(searchBtn){
      $('#searchBtn').removeAttr('disabled');
    }
    else{
      $('#searchBtn').attr('disabled', true);
    }
  }
});

</script>