@extends('layouts.master', ['title' => 'Info -  Customer - Pages'])

@section('workspace')

    <!-- Breadcrumb -->
    <section class="breadcrumb">
        <h1>Customer Info</h1>
        <ul>
            <li><a href="#no-link">Pages</a></li>
            <li class="divider la la-arrow-right"></li>
            <li><a href="#no-link">Customer</a></li>
            <li class="divider la la-arrow-right"></li>
            <li>Info</li>
        </ul>
    </section>

    <div class="grid lg:grid-cols-3 gap-5">
        <div class="flex flex-col gap-y-5">
            <div class="card p-5">
                <div class="body">
                    <div>
                        <label class="label block mb-2" for="input">Company Name</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->company_name}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">Contact Person Name</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->contact_name}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">Contact Number</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->contact_number}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">Email</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->email}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">Address 1</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->address1}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">Address 2</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->address2}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">Address 3</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->address3}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">Address 4</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->address4}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">State</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->state}}">
                    </div>

                    <div class="mt-5">
                        <label class="label block mb-2" for="input">Email</label>
                        <input id="input" class="form-control" readonly
                               value="{{$companyProfile->email}}">
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection
