@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 Businesses</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 Business</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>Name</th>
                                <th>Contact 1</th>
                                <th>Contact 2</th>
                                <th>Email</th>
                                <th>Website</th>
                                <th>TIN</th>
                                <th>Edit</th>
                                <th>Activate</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($businesses)>0)
                                @foreach($businesses as $business)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $business->name }}</td>
                                    <td>{{ $business->phone1 }}</td>
                                    <td>{{ $business->phone2 }}</td>
                                    <td>{{ $business->email }}</td>
                                    <td>{{ $business->website }}</td>
                                    <td>{{ $business->tin }}</td>
                                    <td><a class="btn btn-info btn-sm"href="/businesses/{{ base64_encode($business->id) }}">Edit</a></td>
                                    <td>@if($business->status ==1)
                                        <form method="post" action="/businesses/{{ $business->id }}">
                                            @csrf
                                            @method('delete')
                                            <button class="btn btn-danger btn-sm">Deactivate</button>
                                        </form>
                                        @else
                                        <form method="post" action="/businesses/{{ $business->id }}">
                                            @csrf
                                            @method('delete')
                                        <button class="btn btn-info btn-sm">Activate</button>
                                        </form>
                                        @endif
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-primary btn-sm me-1" data-toggle="modal" data-target="#users" onclick="SetBusiness({{ $business->id }}, '{{$business->name}}')">Add Central Logins</button>
                                    </td>
                                </tr>
                                @endforeach
                            @endif
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Name</th>
                                <th>Contact 1</th>
                                <th>Contact 2</th>
                                <th>Email</th>
                                <th>Website</th>
                                <th>TIN</th>
                                <th>Edit</th>
                                <th>Activate</th>
                                <th>Store</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 Business</h4>
                    </div>
                    <form method="POST" action="/businesses" enctype="multipart/form-data">
                        @csrf
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">Business 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">Business 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">Website</label>
                                        <input type="text" class="form-control" name="website" placeholder="Website">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">TIN Number</label>
                                        <input type="number" class="form-control" name="tin" placeholder="TIN Number">
                                    </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">Business Logo</label>
                                        <input type="file" name="logo">
                                    </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 multi-branch admin for <span id = "BusinessName"></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="business_id"  id = "businessid">
                                        <input type="hidden" name="status"  value="1">
                                    </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 --}}
        </div>
    </div>
 </div>
@endsection

<script>
    function SetBusiness(id,business){
        document.getElementById('businessid').value = id;
        document.getElementById('BusinessName').textContent = business;
    }
</script>

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