@extends('layouts.master')
@section('title','SALES | VIEW BROKER')
@section('headasset')
@include('layouts.head-asset')
@stop
@section('content')
<div class="wrapper">
    @include('admin.main-header')
    <!-- Sidebar -->
    @include('admin.sidebar')
    <!-- End Sidebar -->
    <div class="main-panel">
        <div class="content">
            <div class="panel-header bg-info-gradient">
                <div class="page-inner py-5">
                    <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row">
                        <div>
                            <h3 class="text-white pb-2 fw-bold">Broker > {{$user->name}}</h3>
                        </div>
                        <div class="ml-md-auto py-2 py-md-0">
                            <!-- <a href="#" class="btn btn-white btn-border btn-round mr-2">Manage</a> -->
                            <a href="{{route('edit-user-bk',encrypt($user->id))}}"
                                class="btn btn-secondary btn-round btn-model-data-new">Edit Broker</a>
                            <a href="{{route('assign-user-bk-region',encrypt($user->id))}}"
                                class="btn btn-secondary btn-round btn-model-data-new">Assign Region</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-inner mt--5">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row mt--2">
                                    <div class="col-md-5">
                                        <div class="bp-list-wrapper">
                                            <div class="form-row px-2 py-2">
                                                <h3 class="bg-info text-white w-100 px-2">PERSONAL DETAILS</h3>
                                                <div class="form-group w-100">
                                                    <label for="name">Representative Name</label>
                                                    <input type="text" class="form-control" name="name" id="name"
                                                        value="{{$user->name}}" readonly>
                                                </div>
                                                <div class="form-group w-50">
                                                    <label for="gender">Gender</label>
                                                    <input type="text" class="form-control" name="gender" id="gender"
                                                        value="{{$user->gender}}" readonly>
                                                </div>
                                                <div class="form-group w-50">
                                                    <label for="dob">D.O.B</label>
                                                    <input type="date" class="form-control" name="dob" id="dob"
                                                        value="{{$user->dob}}" readonly>
                                                </div>
                                                <div class="form-group w-50">
                                                    <label for="designation">Designation</label>
                                                    <input type="text" class="form-control" name="designation"
                                                        id="designation" value="{{$user->designation}}" readonly>
                                                </div>

                                                <div class="form-group w-50">
                                                    <label for="mobile">Contact</label>
                                                    <input type="text" class="form-control" name="mobile" id="mobile"
                                                        value="{{$user->mobile}}" readonly>
                                                </div>

                                                <div class="form-group w-100">
                                                    <label for="email">Email</label>
                                                    <input type="text" class="form-control" name="email" id="email"
                                                        value="{{$user->email}}" readonly>
                                                </div>
                                                <div class="form-group w-100">
                                                    <label for="address">Address</label>
                                                    <input type="text" class="form-control" name="address" id="address"
                                                        value="{{$user->address}}" readonly>
                                                </div>

                                                <div class="form-group w-50">
                                                    <label for="city">City</label>
                                                    <input type="text" class="form-control" name="city" id="city"
                                                        value="{{$user->city}}" readonly>
                                                </div>
                                                <div class="form-group w-50">
                                                    <label for="zipcode">Pincode</label>
                                                    <input type="text" class="form-control" name="zipcode" id="zipcode"
                                                        value="{{$user->zipcode}}" readonly>
                                                </div>

                                                @if(Auth::user()->role_id==1)
                                                <div class="form-group w-100">
                                                    <label for="status">Status</label>
                                                    <input type="text" class="form-control" name="status" id="status"
                                                        value="{{$user->status==1 ? " Active" : "Inactive" }}" readonly>
                                                </div>
                                                @endif

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-7">
                                        <div class="bp-list-wrapper">
                                            <div class="form-row px-2 py-2">
                                                <h3 class="bg-info text-white w-100 px-2">ZONE / REGION DETAILS</h3>
                                                <div class="form-group w-100">
                                                <table class="table table-bordered mt-4">
                                                    <tr>
                                                        <th>Zone</th>
                                                        <th>Regions</th>
                                                        <th>Firm Owner</th>
                                                        <th>Action</th>
                                                    </tr>
                                                    @if($broker)
                                                    @foreach($broker as $bk)
                                                    <tr>
                                                        <td>{{$bk->zone_name}}</td>
                                                        <td>{{$bk->region_name}}</td>
                                                        <td>
                                                            <input type="checkbox" class="manage-firm" data-user-id="{{$user->id}}" data-bk-id="{{$bk->id}}" {{$bk->is_firm_owner ?"checked":""}}>
                                                        </td>
                                                        <td>
                                                            <a href='#' class='text-danger' data-class-level='$val'
                                                                onclick="deleteModelData('{{$bk}}','{{$user->name}}')"
                                                                data-toggle='modal' data-target='#delete_model_data'
                                                                title='Delete This Region'>
                                                                <i class='fas fa-trash'></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @endif
                                                </table>
                                                <h3 class="bg-info text-white w-100 px-2">COMPANY FIRM DETAILS</h3>
                                                <div class="form-group w-100">
                                                    <table class="table table-bordered mt-4">
                                                        <tr>
                                                            <th>Company</th>
                                                            <th>Action</th>
                                                        </tr>
                                                        @if($bkfirm->count() > 0)
                                                        @foreach($bkfirm as $bf)
                                                        <tr>
                                                            <td>
                                                                <strong>{{$bf->name}}</strong><br>
                                                                {{$bf->address}}<br>
                                                                {{$bf->city}} - {{$bf->zipcode}}<br>
                                                                PAN: {{$bf->pan}}<br>
                                                                GST: {{$bf->gst}}<br>
                                                                Email: {{$bf->email}}<br>
                                                                Contact: {{$bf->mobile}}<br>
                                                            </td>
                                                            <td>
                                                                <div class="d-flex">
                                                                    <a href="{{route('edit-user-bk-firm',encrypt($bf->id))}}"
                                                                        class='mr-3 text-primary' title='Edit Company'>
                                                                        <i class='fas fa-edit'></i>
                                                                    </a>
                                                                    <a href='#'
                                                                        class='text-danger'
                                                                        data-class-level='$val' onclick="deleteModelFirmData('{{$bf}}','{{$user->name}}')"  data-toggle='modal'  data-target='#delete_model_firm_data' title='Delete Company'>
                                                                        <i class='fas fa-trash'></i>
                                                                    </a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                        @else
                                                        <tr>
                                                            <td colspan="2">No Company Found</td>
                                                        </tr>
                                                        @endif
                                                    </table>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.footer')
    </div>
</div>
<div class="modal fade" id="delete_model_data" tabindex="-1" role="dialog" aria-labelledby="delete_model_data"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content px-1">
            <div class="modal-header text-center px2">
                <h5 class="modal-title"></h5>
            </div>
            <form id="ManageUserDataForm" method="POST" action="{{route('remove-user-bk-region-save')}}">
                <div class="bp-list-wrapper">
                    @csrf
                    <div class="form-row form-row-2 px-3 py-2">
                        <input type="hidden" id="bk_id" name="bk_id" required>
                        <div class="form-group w-100">
                            <label for="name">Broker Name</label>
                            <input type="text" class="form-control" name="name" id="name_del">
                        </div>

                        <div class="form-group text-center" style="width: 100%;">
                            <button type="submit" class="btn btn-submit btn-dark w-100"><i
                                    class="fas fa-edit"></i></button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- deleteModelFirmData -->
<div class="modal fade" id="delete_model_firm_data" tabindex="-1" role="dialog" aria-labelledby="delete_model_firm_data"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content px-1">
            <div class="modal-header text-center px2">
                <h5 class="modal-title"></h5>
            </div>
            <form id="ManageUserDataForm" method="POST" action="{{route('delete-user-bk-firm')}}">
                <div class="bp-list-wrapper">
                    @csrf
                    <div class="form-row form-row-2 px-3 py-2">
                        <input type="hidden" id="bf_id" name="bf_id" required>
                        <div class="form-group w-100">
                            <label for="name">Broker Name</label>
                            <input type="text" class="form-control" name="name" id="name_firm_del">
                        </div>

                        <div class="form-group text-center" style="width: 100%;">
                            <button type="submit" class="btn btn-submit btn-dark w-100"><i
                                    class="fas fa-edit"></i></button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@stop
@section('jsscript')
@include('layouts.jsscript')
<script>
    function deleteModelData(bk, name) {
        var broker=JSON.parse(bk);
        $(".modal-title").html("SURE YOU WANT TO DELETE FOLLOWING REGION?").css('color', '#d9534f');
        $(".btn-submit").html("DELETE REGION").css('background-color', '#d9534f');
        $('#bk_id').val(broker.id);
        $('#name_del').val(name).prop('readonly', true);
        bk = {};
    }

    function deleteModelFirmData(bf, name) {
        var bfirm=JSON.parse(bf);
        $(".modal-title").html("SURE YOU WANT TO DELETE FOLLOWING COMPANY?").css('color', '#d9534f');
        $(".btn-submit").html("DELETE COMAPANY").css('background-color', '#d9534f');
        $('#bf_id').val(bfirm.id);
        $('#name_firm_del').val(name).prop('readonly', true);
        bk = {};
    }

    $(document).ready(function () {
        var csrfToken = '{{ csrf_token() }}';
        $('.manage-firm').on('change', function () {
            var opt = "";
            var user_id=$(this).data('user-id');
            var bk_id = $(this).data('bk-id');
        
            if ($(this).is(':checked')) {
                opt = "add";

            } else {
                opt = "remove";
            }
            $.ajax({
                url: "{{route('admin-assign-firm')}}",
                type: 'POST',
                data: { "_token": csrfToken,"user_id":user_id, "bk_id": bk_id, 'opt': opt },
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                },
                success: function (response) {
                    if(response.msg==="success"){
                        location.reload();
                    }
                },
                error: function (error) {
                    // Handle the error response
                    console.error('Error:', error);
                }
            });
        });
    });

</script>
@stop