@extends('admin.layout.master')
@section('title','INVOICE PARAMETER')
@section ('content')
<div class="page-wrapper">
    <div class="content container-fluid">
        <div class="row">
            <div class="col-xs-12">
                {{-- <h4 class="page-title">Settings</h4> --}}
            </div>
        </div>
        <div class="row">
            {{-- <div class="col-lg-1"></div> --}}
            <div class="col-lg-12">
                <div class="card-box">
                    <div class="card-block">
                        <div class="container mt-3">
                            <h5 class="text-bold card-title">Module</h5>
                            <br>
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#branch">Branch</a>
                                </li>
                                {{-- <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" onclick="loadWarehouse(' ')" href="#warehouse">Warehouse</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" onclick="loadStore()" href="#store">Store</a>
                                </li> --}}
                            </ul>
                            
                            <!-- Tab panes -->
                            <div class="tab-content">
                                {{-- Branch Tab --}}
                                <div id="branch" class="container tab-pane active"><br>
                                    <button href="" data-toggle="modal" data-target="#module_modal" class="btn btn-default btn-icon-sm">
                                        Add New
                                    </button>
                                    <hr>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card-box">
                                                <div class="card-block">
                                                    <h5 class="text-bold card-title">Module & Sub Module</h5>
                                                    <table id="tbl_module" class="table table-striped table-bordered" style="width:100%">
                                                        <thead>
                                                            <tr>
                                                                <th>#</th>
                                                                <th>Name</th>
                                                                <th>Parent Name</th>
                                                                <th>Status</th>
                                                                <th>Action</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="b_tbody">
                                                            @php($i=1)
                                                            @foreach ($data as $data)
                                                                <tr id="b_tr{{$data->id}}">
                                                                    <td>{{$i++}}</td>
                                                                    <td>{{$data->name}}</td>
                                                                    <td>{{ ($data->parentName==null? 'Module': $data->parentName->name) }}</td>
                                                                   <td>{{$data->status}}</td>
                                                                    <td align="center">
                                                                        <div class="btn-group btn-group-sm" role="group" aria-label="...">                                                    
                                                                            <button onclick="getBranchById({{$data->id}})" class="btn btn-hover-shine btn-primary btn-pill">Edit</button>                                            
                                                                            {{-- <button style="margin-left: 5px" type="submit" class="btn btn-pill btn-hover-shine btn-danger">Delete</button> --}}
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>                
                                    </div>
                                </div>  
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Branch Modal -->
<div class="modal fade bd-example-modal-lg" id="module_modal" tabindex="-1" role="dialog" aria-labelledby="module_modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="module_modalLabel">Module & Sub Module</h5>
            <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            </div>
            <form  id="b_form" method="post" name="b_form" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-5">
                                        <label for="">Name</label>
                                        <input type="text" name="id" id="id" hidden>
                                        <input type="text" name="name" id="name" class="form-control" placeholder="Name" required>
                                    </div>
                                    <div class="col-md-5">
                                        <label for="">Branch Name (Local)</label>
                                        <input type="text" name="name_local" id="name_local" class="form-control" placeholder="Name">
                                    </div>
                                </div>
                                <div class="row" style="padding-top: 20px">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-5">
                                        <label for="">Address (English)</label>
                                        <input type="text" name="address_eng" id="address_eng" class="form-control" placeholder="Name">
                                    </div>
                                    <div class="col-md-5">
                                        <label for="">Address (Local)</label>
                                        <input type="text" name="address_local" id="address_local" class="form-control" placeholder="Name">
                                    </div>
                                </div>
                                <div class="row" style="padding-top: 20px">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-5">
                                        <label for="">Contact Info</label>
                                        <input type="text" name="contact_info" id="contact_info" class="form-control" placeholder="Name">
                                    </div>
                                    <div class="col-md-5">
                                        <label for="">Email</label>
                                        <input type="email" name="email" id="email" class="form-control" placeholder="Name">
                                    </div>
                                </div>
                                <div class="row" style="padding-top: 20px">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-5">
                                        <label for="">Branch Logo</label>
                                        <input type="text" name="old_logo" hidden readonly id="old_logo">
                                        <input type="file" name="logo" id="logo" class="form-control" placeholder="Name">
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <input class="btn btn-primary" type="submit" id="b_save" value="save" value="Save">
                    <button type="submit" class="btn btn-primary" id="b_update" style="display: none">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    $(document).ready(function()
    {
        $('#tbl_module').dataTable();
    });
</script>
@endsection