@extends('layouts.appv2')

@section('content')


                            <h1 class="mb-4 gradient-text">Offices & Companies</h1>  			
                                        @if ($message = Session::get('success'))
                                            <div class="alert alert-success" role="alert">
                                                {{ $message }}
                                            </div>
                                        @endif

                                        @if ($message = Session::get('error'))
                                            <div class="alert alert-danger" role="alert">
                                                {{ $message }}
                                            </div>
                                        @endif

                                        @if ($errors->any())
                                            <div class="alert alert-danger" role="alert">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif

                                <div class="card" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
                                    <div class="card-header">

                                        <div class="d-flex justify-content-between align-items-center mb-0">
                                            <h5>Manage Offices</h5>
                                            <div class="btn-toolbar mb-2 mb-md-0">
                                                <a class="btn-sm btn-outline-primary" href="{{ route('admins.officeadd')}}" style="border-radius: 50px; font-weight:bolder;"title="Add employee">
                                                    <i class="fa-solid fa-plus" style="border-radius: 20px;"></i> Add
                                                </a>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="card-body">

                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-bordered">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th class="col-1 text-center">Office Name</th>
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($offices as $office)
                                                            <tr>
                                                                <td class="col-1 text-center">{{$office->office_name}}</td>
                                                                <td class="col-1 text-center">
                                                                    <a class="btn btn-sm btn-info" href="{{ route('admins.officeedit', ['office_id' => $office->office_id]) }}">
                                                                        <i class="fa-solid fa-pen-to-square"></i> Edit
                                                                    </a>
                                                                    <div class="mt-1 mb-1"style="display: inline-block;">
                                                                    <form action="{{ route('admins.officedelete', ['office_id' => $office->office_id]) }}" method="POST" 
                                                                        onsubmit="return confirm('Are you sure you want to delete this offices?');" style="display: inline;">
                                                                        @csrf
                                                                        <button type="submit" class="btn btn-sm btn-danger">
                                                                            <i class="fas fa-trash"></i> Delete
                                                                        </button>
                                                                    </form>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                    
                                </div>











                                <div class="card" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
                                    <div class="card-header">

                                        <div class="d-flex justify-content-between align-items-center mb-0">
                                            <h5>Manage Company</h5>
                                            <div class="btn-toolbar mb-2 mb-md-0">
                                                <a class="btn-sm btn-outline-primary" href="{{ route('admins.companyadd')}}" style="border-radius: 50px; font-weight:bolder;"title="Add employee">
                                                <i class="fa-solid fa-plus" style="border-radius: 20px;"></i> Add
                                                </a>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="card-body">

                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-bordered">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th class="col-1 text-center">Company Name</th>
                                                        <th class="col-1 text-center">Company Code</th>
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($companies as $company)
                                                        <tr>
                                                            <td class="col-1 text-center">{{$company->company_name}}</td>
                                                            <td class="col-1 text-center">{{$company->company_code}}</td>
                                                            <td class="col-1 text-center">
                                                            <a class="btn btn-sm btn-info" href="{{ route('admins.companyedit', ['company_id' => $company->company_id])}}">
                                                                <i class="fa-solid fa-pen-to-square"></i> Edit
                                                            </a>
                                                                <div class="mt-1 mb-1"style="display: inline-block;">
                                                                    <form action="{{ route('admins.companydelete', ['company_id' => $company->company_id]) }}" method="POST" 
                                                                        onsubmit="return confirm('Are you sure you want to delete this company?');" style="display: inline;">
                                                                        @csrf
                                                                        <button type="submit" class="btn btn-sm btn-danger">
                                                                            <i class="fas fa-trash"></i> Delete
                                                                        </button>
                                                                    </form>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                    
                                </div>
                                
                            </div>

                         
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bs5-datepicker@1.2.0/dist/js/bootstrap-datepicker.min.js"></script>
@endsection