@extends('admin.layout.master')
@php
    $typeArr=[1=>'Branch',2=>'Warehouse',3=>'Store'];    
    $routeName=[1=>'branch.store',2=>'warehouse.store',3=>'store.store'];    
    $editRouteName=[1=>'branch.edit',2=>'warehouse.edit',3=>'store.edit'];    
@endphp
@section('title',$typeArr[$type])
@section ('content')
    <style>
        label {
            font-size: 13px
        }

        .sm-pd-t th,
        .sm-pd-t td {
            padding: 0rem;
            padding-right: 0.35rem;
            padding-left: 0.35rem;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-top: 1px solid #2c7f6f;
            border-bottom: 1px solid #e2e2e2;
            border-left: 1px solid #2c7f6f;
            border-right: 1px solid #2c7f6f;
            background: none !important;
            color: #2c7f6f;
        }

        .nav-link:hover {
            border-bottom: #2c7f6f !important;
        }

        a.nav-link.active:hover {
            border-bottom: #e2e2e2 !important;
        }

        a.nav-link {
            color: #9e9e9e;
        }

        .nav-tabs {
            border-bottom: 1px solid #2c7f6f;
        }
        
    </style> 
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <div class="col-md-6 col-12 pl-0">
                <h4 >Company Details</h4>
            </div>
        </div> 
        <div class="card-body">

            <!-- Nav tabs -->
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#branch">{{$typeArr[$type]}}</a>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content pt-0">
                {{-- Branch Tab --}}
                <div id="branch" class="container tab-pane active">
                    <div class="row mt-3 mb-3">
                        <div class="col-6">
                            <h5 class="text-bold card-title">{{$typeArr[$type]}}</h5>
                        </div>
                        <div class="col-6 text-right">
                            @if(checkAuthPermission($routeName[$type]))
                                <button href="" data-toggle="modal" data-target="#modal" class="btn btn-primary btn-icon-sm">Add New</button>
                        @endif
                        </div>
                    </div> 
                    <div class="row">
                        <div class="col-lg-12"> 
                                <table id="tbl_branch"  style="max-height: calc(100vh - 408px);"  class="table Dtable table-striped table-bordered dataTable no-footer" >
                                    <thead>
                                        <tr>
                                            <th>Name (English)</th>
                                            <th>Name (Local)</th>
                                            <th>Address (English)</th>
                                            <th>Address (Local)</th>
                                            <th>Contact Info (Local)</th>
                                            <th>Email</th>
                                            <th>Logo</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody id="b_tbody">
                                        @foreach ($branches->where('type',$type) as $branch)
                                            <tr id="b_tr{{$branch->id}}">
                                                <td>{{$branch->name_eng}}</td>
                                                <td>{{$branch->name_local}}</td>
                                                <td>{{$branch->address_eng}}</td>
                                                <td>{{$branch->address_local}}</td>
                                                <td>{{$branch->contact_info}}</td>
                                                <td>{{$branch->email}}</td>
                                                <td> <img src="{{asset('storage/'.$branch->logo)}}" style="height: 50px; width: 50px;" alt=""> </td>
                                                <td class="text-center">
                                                    <input id="b_status{{$branch->id}}" onchange="branchStatus({{$branch->id}}, {{($branch->status == 1) ? '2' : '1'}})" type="checkbox" {{($branch->status==1) ? 'checked' : ''}} data-toggle="toggle" data-size="sm" data-onstyle="success">
                                                </td>
                                                <td class="text-center">
                                                    <div class="btn-group btn-group-sm" role="group" aria-label="...">
                                                        @if(checkAuthPermission($editRouteName[$type]))
                                                            <button onclick="setEditDataModel({{$branch}})" class="btn btn-hover-shine btn-primary btn-pill">Edit</button>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>  
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div> 

  
@include('admin.forms.branch_form')
@include('admin.forms.branch_edit_form')
               

@endsection
@section('script')
<script>
    $('.parent_id').select2();
    $('.store_table_type').select2();

    function setEditDataModel(data)
   {
        $("#edit_modal").modal("hide");
        var str ='';
        console.log(data);
        $('#edit_id').val(data.id);
        $('#edit_email').val(data.email);
        $('#edit_name').val(data.name_eng);
        $('#edit_name_local').val(data.name_local);
        $('#edit_contact_info').val(data.contact_info);
        $('#edit_address_eng').val(data.address_eng);
        $('#edit_address_local').val(data.address_local);
        $('#edit_parent_id').val(data.parent_id).trigger('change');
        $('#edit_store_table_type').val(data.store_table_type).trigger('change');
        // $('#edit_parent_id option').each(function(){
        //     $(this).attr('selected', false);
        //     if($(this).attr('value')==data.parent_id){
        //         $(this).attr('selected', true);
        //     }
        // });
        // $('#edit_store_table_type option').each(function(){
        //         $(this).attr('selected', false);
        //         if($(this).attr('value')==data.store_table_type){
        //             $(this).attr('selected', true);
        //         }
        // });
        $("#edit_modal").modal("show");
    }

</script>
@endsection