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

@section('content')
<div class="container-fluid">
    <div class="row">
       <div class="col-sm-12">
          <div>
            <div class="row mt-4 ml-3">
            <div class="header-title">
                <h4 class="card-title text-center">All Branch Notification Contacts</h4>
            </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</th>
                            <th>Branch</th>
                            <th>Contact</th>
                            <th>Edit</th>
                         </tr>
                      </thead>
                      <tbody>
                          @if(count($contactinfo)>0)
                            @foreach($contactinfo as $info)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $info->business->name }}</td>
                                <td>{{ $info->name }}</td>
                                <td>{{ $info->notification_contact ??'' }}</td>
                                <td>
                                    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#contacts{{$info->id}}"><i class="fa fa-pencil"></i>Edit</button>
                                </td>                                                                 
                             </tr> 
                            {{-- Edit Contact modal --}}
                                <div class="modal fade" id="contacts{{$info->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                                    <div class="modal-dialog modal-sm" 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>
                                        <h4 class="modal-title text-white" id="exampleModalLabel">Edit Contact for Branch {{$info->name}} of {{$info->business->name}}</h4>
                                        </div>
                                        <form method="POST" action="/edit_contact/{{ $info->id }}">
                                            @csrf
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="form-group">
                                                        <label class="control-label">Contact</label>
                                                        <input type="text" class="form-control" name="contact" value="{{ $info->notification_contact ??'' }}">
                                                    </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>
                            {{-- modal ends --}}                  
                            @endforeach
                          @endif
                      </tbody>
                   </table>                   
                </div>
             </div>
          </div>           
       </div>
    </div>
 </div>
@endsection

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