@extends('layouts.acorn.acorn_frontend_app')
@section('header_styles')
    <style>
        .sm-link {
            margin-left: 10px !important;
            font-size: 13px
        }
    </style>
@endsection
@section('content')
    <div class="row">
        <div class="col-auto d-none d-lg-flex">
            <div class="nav flex-column sw-25 mt-n2" id="settingsColumn">
            </div>
        </div>

        <div class="col">

            <div class="page-title-container">
                <div class="row">
                    <div class="col">
                        <h1 class="mb-0 pb-0 display-4" id="title">Client</h1>
                    </div>

                    @include('frontend.profile.component.menu')

                </div>
            </div>

            <h2 class="small-title">Client Details</h2>

            <div class="card mb-2">
                <div class="card-body row g-0">
                    <div class="col-auto">
                        <div class="d-inline-block d-flex">
                            <div class="bg-gradient-light sw-6 sh-6 rounded-xl">
                                <div class="text-white d-flex justify-content-center align-items-center h-100">
                                    <i data-acorn-icon="radish"></i>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col">
                        <div class="card-body d-flex flex-column pe-0 pt-0 pb-0 h-100 justify-content-start">
                            <div class="d-flex flex-column">
                                <div class="d-flex flex-column justify-content-center sh-6">
                                    <p class="heading small-title">{{ $client_details[0]->client->name }}</p>
                                </div>
                            </div>
                            <div class="mb-n2">
                                <div class="row g-0 mb-2">
                                    <div class="col-auto">
                                        <p>BR Number -: </p>
                                    </div>
                                    <div class="col ml-2">
                                        <p href="#" class="alternate-link align-top">
                                            {{ $client_details[0]->client->br_number }}</p>
                                    </div>
                                </div>
                                <div class="row g-0 mb-2">
                                    <div class="col-auto">
                                        <p>Email -: </p>
                                    </div>
                                    <div class="col ml-2">
                                        <p href="#" class="alternate-link align-top">
                                            {{ $client_details[0]->client->email }}</p>
                                    </div>
                                </div>
                                <div class="row g-0 mb-2">
                                    <div class="col-auto">
                                        <p>Mobile -: </p>
                                    </div>
                                    <div class="col ml-2">
                                        <p href="#" class="alternate-link align-top">
                                            {{ $client_details[0]->client->mobile }}</p>
                                    </div>
                                </div>
                                <div class="row g-0 mb-2">
                                    <div class="col-auto">
                                        <p>Client Type -: </p>
                                    </div>
                                    <div class="col ">
                                        <p href="#" class="alternate-link align-top">{{ $client_details[0]->client->type_of_client }}</p>
                                    </div>
                                </div>
                                <div class="row g-0 mb-2">
                                    <div class="col-auto">
                                        <p>BR Document -: </p>
                                    </div>
                                    <br />
<b>Warning</b>:  Undefined variable $client_details in <b>/home/slsiluser/public_html/service-portal/resources/views/frontend/profile/client_details.blade.php</b> on line <b>92</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/slsiluser/public_html/service-portal/resources/views/frontend/profile/client_details.blade.php</b> on line <b>92</b><br />
<br />
<b>Warning</b>:  Attempt to read property "client" on null in <b>/home/slsiluser/public_html/service-portal/resources/views/frontend/profile/client_details.blade.php</b> on line <b>92</b><br />
<br />
<b>Warning</b>:  Attempt to read property "brc_file" on null in <b>/home/slsiluser/public_html/service-portal/resources/views/frontend/profile/client_details.blade.php</b> on line <b>92</b><br />
                                    @if (!empty($client_details[0]->client->brc_file))                                
                                        <div class="col ">
                                            <a href="{{ config('app.url') }}{{ $fileURL }}" class="btn btn-sm btn-success mr-3" target="_blank" style="margin-top: -5px;margin-left:5px;"><span>View BRC</span></a>
                                        </div>
                                    @else                                                                       
                                        <div class="col ">
                                            <p href="#" class="alternate-link align-top">Not uploaded yet!</p>
                                        </div>
                                    @endif
                                </div>
                                <div class="row g-0 mb-2">
                                    <div class="col-auto">
                                        <form name="brc_upload_form" id="brc_upload_form" method="POST" action="" enctype="multipart/form-data">
                                            @csrf
                                            <input type="hidden" class="form-control" id="re_client_id" name="re_client_id" value="{{ $client_details[0]->client->id }}" /> 
                                            <div id="new_client_file" class="row" style="">
                                                <div class="input-group">
                                                    <label class="btn btn-secondary" for="re_client_brc_document">Upload</label>
                                                    <input type="file" class="form-control" id="re_client_brc_document" name="re_client_brc_document" aria-describedby="" aria-label="Upload">
                                                    <button class="btn btn-danger" type="button" onclick="clearDocument('{{ $client_details[0]->client->id }}')">Remove</button>
                                                    <button class="btn btn-info" id="brc_upload_btn" type="submit">Save</button>
                                                </div>
                                                <div id="re_client_brc_document_err" class="error-label"></div>
                                            </div>                                               
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#brc_upload_form').on('submit', function(e){
                e.preventDefault();
                let formData = new FormData(this);
                $.ajax({
                    type: 'POST',
                    url: "{{ route('clients-brc') }}",
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function (res) {
                        var response = JSON.parse(res);
                        
                        if (response.status != 0) {
                            swal.fire({
                                title: response.message,
                                type: "success",
                                icon: "success",
                                position: 'center-start',
                                showConfirmButton: false,
                                timer: 3000
                            });
                        } else {
                            swal({
                                title: response.message,
                                type: "error",
                                icon: "error",
                                showConfirmButton: false,
                            });
                        }
                        
                    },
                    error: function (response) {
                        if (response) {
                            var erroJson = JSON.parse(response.responseText).errors;
                        }
                    },
                    complete: function (jqXHR, textStatus) {
                        //document.body.classList.remove('spinner');
                    }
                });
            });
        });
    </script>
@endsection
@section('footer_scripts')
    <script src="{{ asset('acorn/js/pages/profile.settings.js') }}"></script>
    <script src="{{ asset('acorn/js/vendor/movecontent.js') }}"></script>
@endsection