@if(Auth::check())
@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
       <div class="col-sm-12">
          <div class="card">
                 <div class="row mt-4 ml-3">
                     <div class="col-md-9">
                        <div class="header-title">
                            <h4 class="card-title">Businesses Licenses</h4>
                        </div>
                     </div>
                 </div>
             <div class="card-body">
                <div class="table-responsive">
                   <table id="datatable" class="table data-table table-striped">
                      <thead>
                         <tr class="ligth">
                            <th>No</th>
                            <th>Business Name</th>
                            <th>Branch Name</th>
                            <th>Braches</th>
                            <th>Contact</th>
                            <th>From Date</th>
                            <th>To Date</th>
                            <th>Annual Bill</th>
                            <th>Actions</th>
                         </tr>
                      </thead>
                      <tbody>
                          @if($licenses->count()>0)
                            @foreach($licenses as $license)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $license->business->name }}</td>
                                <td>{{ $license->branch->name }}</td>
                                <td>{{ $license->branches }}</td>
                                <td>{{ $license->business->phone1 }}/{{ $license->business->phone2 }}</td>
                                <td>{{ $license->start_date }}</td>
                                <td>{{ $license->end_date }}</td>
                                <td>{{ $license->annual_bill }}</td>
                                <td>
                                    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModal" onclick="SetId({{ $license->id }}, '{{str_replace("'", "", $license->branch->name)}}', '{{str_replace("'", "", $license->business->name)}}', '{{$license->end_date}}')">Extend</button>
                                </td>
                             </tr>
                            @endforeach
                          @endif
                      </tbody>
                      <tfoot>
                         <tr>
                            <th>No</th>
                            <th>Business Name</th>
                            <th>Branch Name</th>
                            <th>Braches</th>
                            <th>Contact</th>
                            <th>From Date</th>
                            <th>To Date</th>
                            <th>Annual Bill</th>
                            <th>Actions</th>
                         </tr>
                      </tfoot>
                   </table>
                </div>
             </div>
          </div>
       </div>
    </div>
 </div>
 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-md" role="document">
      <div class="modal-content">
        <div class="modal-header bg-info" style="display: inline">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <span class="modal-title text-white text-bold" id="exampleModalLabel">Extend License for <span id = "BusinessName"></span> - <span id = "BranchName"></span></span>
        </div>
        <form method="POST" action="/extend_license">
            @csrf
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="control-label">To Date </label>
                            <input type="hidden" name="license_id"  id = "licenseid">
                            <input type="date" class="form-control" id="to_date" name="to_date" required>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                <button type="submit" class="btn btn-info btn-sm"><i class="fa fa-check"></i> Submit</button>
            </div>
        </form>
      </div>
    </div>
</div>
@endsection

<script>
    function SetId(id,branch,business,date){
        document.getElementById('licenseid').value = id;
        document.getElementById('BranchName').textContent = branch;
        document.getElementById('BusinessName').textContent = business;
        document.getElementById('to_date').value = date;
    }
</script>

@else
return redirect()->route('login');
@endif