@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">All Business Branches</h4>
                        </div>
                     </div>
                     <div class="col-md-3">
                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-plus"></i>Add Branch</button>
                     </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>Name</th>
                            <th>Contact</th>
                            <th>Email</th>
                            <th>Added By</th>
                            <th>Added On</th>
                            <th>Edit</th>
                            <th>Activate</th>
                            <th>Admin</th>
                         </tr>
                      </thead>
                      <tbody>
                          @if(count($branches)>0)
                            @foreach($branches as $branch)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $branch->business->name }}</td>
                                <td>{{ $branch->name }}</td>
                                <td>{{ $branch->phone1 }}/{{ $branch->phone2 }}</td>
                                <td>{{ $branch->email }}</td>
                                <td>{{ $branch->user->name }}</td>
                                <td>{{ $branch->created_at }}</td>
                                <td><a class="btn btn-info btn-sm" href="/branches/{{ $branch->id }}">Edit</a></td>
                                <td>@if($branch->status ==1)
                                    <form method="post" action="/branches/{{ $branch->id }}">
                                        @csrf
                                        @method('delete')
                                        <button class="btn btn-danger btn-sm">Deactivate</button>
                                    </form>
                                    @else
                                    <form method="post" action="/branches/{{ $branch->id }}">
                                        @csrf
                                        @method('delete')
                                    <button class="btn btn-info btn-sm">Activate</button>
                                    </form>
                                    @endif
                                </td>
                                <td class="d-flex align-items-center">
                                    <button type="button" class="btn btn-primary btn-sm me-1"
                                        data-toggle="modal" data-target="#users"
                                        onclick="SetBranch({{ $branch->id }}, '{{$branch->business->name}}', '{{$branch->name}}')">
                                        Add Users
                                    </button>

                                    <button type="button" class="btn btn-secondary btn-sm me-1"
                                        data-toggle="modal" data-target="#currencies"
                                        onclick="SetCurrencies({{ $branch->id }}, '{{$branch->business->name}}', '{{$branch->name}}')">
                                        Add Currencies
                                    </button>

                                    <button type="button" class="btn btn-info btn-sm"
                                        data-toggle="modal" data-target="#storenumber"
                                        onclick="SetStores({{ $branch->id }}, '{{$branch->business->name}}', '{{$branch->name}}')">
                                        Add Store Number
                                    </button>
                                </td>
                             </tr>
                            @endforeach
                          @endif
                      </tbody>
                      <tfoot>
                         <tr>
                            <th>No</th>
                            <th>Business</th>
                            <th>Name</th>
                            <th>Contact</th>
                            <th>Email</th>
                            <th>Added By</th>
                            <th>Added On</th>
                            <th>Edit</th>
                            <th>Activate</th>
                            <th>Admin</th>
                         </tr>
                      </tfoot>
                   </table>
                </div>
             </div>
          </div>
                                                               {{-- Add business modal --}}
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog modal-lg" 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">Add a New Branch</h4>
            </div>
            <form method="POST" action="/branches">
                @csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Business</label>
                                <select name="business" class="form-control" required>
                                    <option value="">Select Business</option>
                                    @if(count($businesses) > 0)
                                        @foreach($businesses as $business)
                                        <option value="{{ $business->id }}">{{$business->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Branch Name</label>
                                <input type="text" class="form-control" name="name" required placeholder="Full Name">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Branch Address</label>
                                <input type="text" class="form-control" name="address" required placeholder="Location">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Contact 1</label>
                                <input type="number" class="form-control" name="phone" placeholder="Phone Number 1" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Contact 2</label>
                                <input type="number" class="form-control" name="phone2" placeholder="Phone Number 2">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Email</label>
                                <input type="email" class="form-control" name="email" placeholder="Email Address">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Country</label>
                                <select name="country" class="form-control">
                                    @if(count($countries) > 0)
                                        @foreach($countries as $country)
                                        <option value="{{ $country->id }}" @php if($country->id==235) echo "selected"; @endphp>{{$country->country_name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Currency Used</label>
                                <select name="currency" class="form-control">
                                    @if(count($countries) > 0)
                                        @foreach($countries as $country)
                                        <option value="{{ $country->currency_code }}" @php if($country->currency_code=='UGX') echo "selected"; @endphp>{{$country->currency}} ({{$country->currency_code}})</option>
                                        @endforeach
                                    @endif
                                </select>
                            </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>
    {{-- modal ends --}}

    {{-- Add user modal --}}
    <div class="modal fade" id="users" tabindex="-1" role="dialog" aria-labelledby="usersLabel">
        <div class="modal-dialog modal-lg" 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="usersLabel">Add admin user for <span id = "BusinessName"></span> - <span id = "BranchName"></span></span>
            </div>
            <form method="POST" action="/adminuser">
                @csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Names</label>
                                <input type="text" class="form-control" name="name" required placeholder="Full Name">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Username</label>
                                <input type="text" class="form-control" name="username" required placeholder="Username">
                                <input type="hidden" name="branch_id"  id = "branchid">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Contact</label>
                                <input type="number" class="form-control" name="contact" placeholder="Phone Number" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Email</label>
                                <input type="email" class="form-control" name="email" placeholder="Email Address">
                            </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>
    {{-- modal ends --}}

    {{-- Add currencies modal --}}
    <div class="modal fade" id="currencies" tabindex="-1" role="dialog" aria-labelledby="usersLabel">
        <div class="modal-dialog modal-lg" 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="usersLabel">Add Currencies for <span id = "Business"></span> - <span id = "Branch"></span></span>
            </div>
            <form method="POST" action="/addcurrencies">
                @csrf
                <div class="modal-body">
                    <div class="row">
                        <input type="hidden" name="branch_id" id="branch_id">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Currency One</label>
                                <select name="currency_one" class="form-control">
                                    <option value="">Select Currency</option>
                                    @if(count($countries) > 0)
                                        @foreach($countries as $country)
                                        <option value="{{ $country->id }}">{{ $country->currency_code }} | {{ $country->currency }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Currency Two</label>
                                <select name="currency_two" class="form-control">
                                    <option value="">Select Currency</option>
                                    @if(count($countries) > 0)
                                        @foreach($countries as $country)
                                        <option value="{{ $country->id }}">{{ $country->currency_code }} | {{ $country->currency }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Currency Three</label>
                                <select name="currency_three" class="form-control">
                                    <option value="">Select Currency</option>
                                    @if(count($countries) > 0)
                                        @foreach($countries as $country)
                                        <option value="{{ $country->id }}">{{ $country->currency_code }} | {{ $country->currency }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Currency Four</label>
                                <select name="currency_four" class="form-control">
                                    <option value="">Select Currency</option>
                                    @if(count($countries) > 0)
                                        @foreach($countries as $country)
                                        <option value="{{ $country->id }}">{{ $country->currency_code }} | {{ $country->currency }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </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>
    {{-- modal ends --}}

    {{-- Add user modal --}}
    <div class="modal fade" id="storenumber" tabindex="-1" role="dialog" aria-labelledby="storesLabel">
        <div class="modal-dialog modal-lg" 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="storesLabel">Add number of stores <span id = "Businessname"></span> - <span id = "Branchname"> can have</span></span>
            </div>
            <form method="POST" action="/number_of_stores">
                @csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Number of stores</label>
                                <input type="text" class="form-control" name="number_of_stores" required placeholder="Enter number in digits">
                            </div>
                        </div>
                        <input type="hidden" name="branch_id"  id = "branch">
                    </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 --}}
    </div>
    </div>
 </div>
@endsection

<script>
    function SetBranch(id,business,branch){
        document.getElementById('branchid').value = id;
        document.getElementById('BusinessName').textContent = business;
        document.getElementById('BranchName').textContent = branch;
    }

    function SetCurrencies(id,business,branch){
        document.getElementById('branch_id').value = id;
        document.getElementById('Business').textContent = business;
        document.getElementById('Branch').textContent = branch;
    }

    function SetStores(id,business,branch){
        document.getElementById('branch').value = id;
        document.getElementById('Businessname').textContent = business;
        document.getElementById('Branchname').textContent = branch;
    }
</script>

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