@extends('layouts.app')
@section('title', __('business.business_locations'))

@section('content')

    @include('layouts.partials.breadcrumb',['page_title'=> __( 'business.view_business_locations') , 'bread_crumbs'=>array( array('title'=>__('business.business'),'url'=>''),array('title'=> __('business.view_your_business_locations'),'url'=>''))])

    <section class="content">
        <div class="row">

            <div class="col-12">

                <div class="box">
                                <!-- /.box-header -->

                    @component('components.widget', ['class' => 'box-body', 'title' => __( 'business.view_your_business_locations' )])

                        <div class="row">

                            <div class="col-xl-12 col-12">

                                <div class="box">
                                    <div class="box-body text-end min-h-150 bg-secondary">
                                    </div>
                                    <div class="box-body wed-up position-relative">
                                        <div class="d-md-flex align-items-center">
                                            <div class=" me-20 text-center text-md-start">
                                                <img src="{{  url('')."/theme/images/avatar/2.jpg" }}" alt="">

                                            </div>

                                        </div>
                                    </div>
                                    <div class="box-body pt-0">
                                        <h3 class="fst-italic">{{ $location->name }}</h3>
                                        <h5>{{ $location->landmark }}</h5>
                                                                                <p><i class="fa fa-sharp fa-solid fa-envelope mx-2"></i>{{ $location->email }}
                                        </p>
                                        <p><i class="fa fa-phone mx-2"></i>{{ $location->contact_number }}</p>
                                        <p>
                                            <i class="glyphicon glyphicon-map-marker mx-2"></i>{{ $location->city ." | ".$location->state ." | ".$location->country }}
                                        </p>

                                    </div>                                 <!-- /.box-header -->
                                    <!-- <div class="box-header box-body" > -->


                                    <!-- </div> -->
                                </div>

                                <div class="box col-md-12">
                                    <!-- Nav tabs -->
                                    <ul class="nav nav-pills mb-20"
                                        style="border-top: 1px solid #EFEFFD;border-radius: 0px;padding: 12px 0px 0px 20px;background: #f1f1f1;">
                                        <li class=" nav-item pb-2"><a href="#business_basic_location"
                                                                      class="nav-link active"
                                                                      data-bs-toggle="tab"
                                                                      aria-expanded="false">@lang('business.business_info')</a>
                                        </li>

                                        <li class="nav-item pb-2"><a href="#business_contact_location" class="nav-link"
                                                                     data-bs-toggle="tab"
                                                                     aria-expanded="false">@lang('business.business_contact_info')</a>
                                        </li>

                                        <li class="nav-item pb-2"><a href="#business_others_info" class="nav-link"
                                                                     data-bs-toggle="tab"
                                                                     aria-expanded="true">@lang('business.business_other_info')</a>
                                        </li>

                                    </ul>
                                    <!-- Tab panes -->
                                </div>
                                <!-------------------------------------Tabs ---------------------------->
                                <div class="col-xl-12 col-12 tab-content">
                                    <div class="tab-pane active" id="business_basic_location">
                                        <div class="col-md-12">
                                            @component('components.widget', ['title' => __('business.business_info'),'icon' => __('<i class="ti-envelope me-15"></i>')])

                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <p>About {{ $location->name }}
                                                            Trees Technologies was incorporated in 1991 (formerly as
                                                            Trees
                                                            Software Pvt Ltd) is a team of professionals with over 25
                                                            year’s
                                                            experience in the field of developing and managing software.
                                                            The Consulting division of TT has carried out extensive
                                                            research
                                                            jobs in
                                                            <br>
                                                            <br>
                                                            2014-2019 : IFC ( World Bank) on Border Trade ( Land and
                                                            Sea)
                                                            Starting 1998 in HealthCare for WHO, Fred Hollows Foundation
                                                            and
                                                            Other Host of Local Clients.
                                                            <br>
                                                            <br>
                                                            Started 1995 in Legal Automated for Asian Development Bank,
                                                            The Asia
                                                            Foundation in Legal and Judicial Reforms in the country.
                                                            Enabling a Country Wide Digital Platform
                                                            OliveCliq is a digital platform for HEALTHCARE businesses to
                                                            run
                                                            Laboratories (Across Locations), Hospitals (HMS), Clinics on
                                                            a
                                                            Cloud-Based Digital PLatform Connected to Patients and Wider
                                                            Stakeholders.
                                                            A dwelling for more than two decades has made Trees
                                                            resilient to
                                                            survive in tough conditions, helping businesses to take
                                                            measured
                                                            steps to digital evolution and transformation. We help to
                                                            set up,
                                                            energize, and sustain digital services and Technology. </p>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <h5 class="">@lang('business.name')</h5>
                                                        <p class="fw-light">{{ $location->name }}</p>
                                                        <h5 class="">@lang('business.location_id')</h5>
                                                        <p class="fw-light">{{  $location->location_id  }}</p>
                                                        <h5 class="">@lang('business.alternate_number')</h5>
                                                        <p class="fw-light">{{  $location->alternate_number  }}</p>
                                                    </div>

                                                    <div class="col-md-6">
                                                        <h5 class="">@lang('business.email')</h5>
                                                        <p class="fw-light">{{ $location->email }}</p>

                                                        <h5 class="">@lang('business.mobile')</h5>
                                                        <p class="fw-light">{{  $location->mobile_number  }}</p>

                                                        <h5 class="">@lang('business.website')</h5>
                                                        <p class="fw-light">{{  $location->website  }}</p>
                                                    </div>
                                                </div>
                                            @endcomponent
                                        </div>
                                    </div>
                                    <!------------break------------>
                                    <div class="tab-pane" id="business_contact_location">
                                        <div class="col-md-12">
                                            @component('components.widget', ['title' => __('business.business_contact_info'),'icon' => __('<i class="fa fa-location-arrow me-15"></i>')])

                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <p>About {{ $location->name }}
                                                            Trees Technologies was incorporated in 1991 (formerly as
                                                            Trees
                                                            Software Pvt Ltd) is a team of professionals with over 25
                                                            year’s
                                                            experience in the field of developing and managing software.
                                                            The Consulting division of TT has carried out extensive
                                                            research
                                                            jobs in
                                                            <br>
                                                            <br>
                                                            2014-2019 : IFC ( World Bank) on Border Trade ( Land and
                                                            Sea)
                                                            Starting 1998 in HealthCare for WHO, Fred Hollows Foundation
                                                            and
                                                            Other Host of Local Clients.
                                                            <br>
                                                            <br>
                                                        </p>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <h5 class="">@lang('business.contact_person')</h5>
                                                        <p class="fw-light">{{ $location->contact_person_name }}</p>
                                                        <h5 class="">@lang('business.contact_number')</h5>
                                                        <p class="fw-light">{{  $location->contact_number  }}</p>
                                                        <h5 class="">@lang('business.landmark')</h5>
                                                        <p class="fw-light">{{  $location->landmark  }}</p>
                                                    </div>

                                                    <div class="col-md-6">

                                                        <h5 class="">@lang('business.country')</h5>
                                                        <p class="fw-light">{{  $location->country  }}</p>

                                                        <h5 class="">@lang('business.state')</h5>
                                                        <p class="fw-light">{{  $location->state  }}</p>

                                                        <h5 class="">@lang('business.city')</h5>
                                                        <p class="fw-light">{{ $location->city }}</p>

                                                    </div>
                                                </div>
                                            @endcomponent
                                        </div>
                                    </div>
                                    <!------------break------------>

                                    <div class="tab-pane" id="business_others_info">
                                        <div class="col-md-12">
                                            @component('components.widget', ['title' => __('business.business_other_info'),'icon' => __('<i class="fa fa-server me-15"></i>')])

                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <p>About {{ $location->name }}
                                                            Trees Technologies was incorporated in 1991 (formerly as
                                                            Trees
                                                            Software Pvt Ltd) is a team of professionals with over 25
                                                            year’s
                                                            experience in the field of developing and managing software.
                                                            The Consulting division of TT has carried out extensive
                                                            research
                                                            jobs in
                                                            <br>
                                                            <br>
                                                            2014-2019 : IFC ( World Bank) on Border Trade ( Land and
                                                            Sea)
                                                            Starting 1998 in HealthCare for WHO, Fred Hollows Foundation
                                                            and
                                                            Other Host of Local Clients.
                                                            <br>
                                                            <br>
                                                        </p>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <h5 class="">@lang('business.default_selling_price_group')</h5>
                                                        <p class="fw-light">{{ $location->default_selling_price_group }}</p>
                                                        <h5 class="">@lang('business.invoice_scheme_for_pos')</h5>
                                                        <p class="fw-light">{{  $location->invoice_scheme_for_pos  }}</p>
                                                        <h5 class="">@lang('business.invoice_layout_for_pos')</h5>
                                                        <p class="fw-light">{{  $location->invoice_layout_for_pos  }}</p>
                                                    </div>

                                                    <div class="col-md-6">

                                                        <h5 class="">@lang('business.invoice_scheme_for_sale')</h5>
                                                        <p class="fw-light">{{  $location->invoice_scheme_for_sale  }}</p>

                                                        <h5 class="">@lang('business.invoice_layout_for_sale')</h5>
                                                        <p class="fw-light">{{  $location->invoice_layout_for_sale  }}</p>


                                                    </div>
                                                </div>
                                            @endcomponent
                                        </div>
                                    </div>
                                    <!------------break------------>

                                </div>

                                <!----------------------------Tab End -------------------------------------->

                            </div>


                        </div>

                @endcomponent

                <!-- /.box-body -->

                </div>
                <!-- /.col -->
            </div>
        </div>
        <!-- /.row -->
    </section>
@endsection