@section('title','View Customer')

@push('style')
<link rel="stylesheet" href="{{asset('css/admin/customer/viewCustomer.css')}}">
@endpush

@push('script')
<script src="{{asset('js/admin/customer/viewCustomer.js')}}"></script>
@endpush
<x-admin-layout>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs">
    </x-breadcrumbs>

    <div class="col s12">
        <div class="container">
            {{-- Content --}}
            <div class="section">
                <div class="card">
                    <div class="card-content">
                        <div class="row">
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>First Name</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->first_name }}
                                </div>
                            </div>
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Last Name</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->last_name }}
                                </div>
                            </div>
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Email</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->email }}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col s2 input-field">
                                <div class="col s12">
                                    <label>Country Code</label>
                                </div>
                                <div class="col s12">
                                    +{{$customer->country_code}}
                                </div>
                            </div>
                            <div class="col s2 input-field">
                                <div class="col s12">
                                    <label>Phone</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->phone }}
                                </div>
                            </div>
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Credit</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->credit }}
                                </div>
                            </div>
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Business</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->business_name }}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Company</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->company }}
                                </div>
                            </div>
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Registration File</label>
                                </div>
                                <div>
                                    <label for="personal_id_file"></label>
                                    @if(Storage::disk('musawer')->exists($customer->registration_file))
                                    @if($registarionFileExtension=='image')
                                    <img class="preview" src="{{Storage::disk('musawer')->url($customer->registration_file)}}" alt="" width="150px">
                                    @else
                                    <a class="btn-floating mb-1 btn-flat waves-effect waves-light  pink accent-2 white-text" href="{{Storage::disk('musawer')->url($customer->registration_file)}}" target="_blank">
                                        <i class="material-icons">picture_as_pdf</i>
                                    </a>
                                    @endif
                                    @endif
                                </div>
                            </div>
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Personal Id</label>
                                </div>
                                <div class="col s12">
                                    <div>
                                        <label for="personal_id_file"></label>
                                        @if(Storage::disk('musawer')->exists($customer->personal_id_file))
                                        @if($personalFileExtension=='image')
                                        <img class="preview" src="{{Storage::disk('musawer')->url($customer->personal_id_file)}}" alt="" width="150px">
                                        @else
                                        <a class="btn-floating mb-1 btn-flat waves-effect waves-light  pink accent-2 white-text" href="{{Storage::disk('musawer')->url($customer->personal_id_file)}}" target="_blank">
                                            <i class="material-icons">picture_as_pdf</i>
                                        </a>
                                        @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Status</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->status==1 ? 'Active' : 'Inactive'}}
                                </div>
                            </div>
                            @if($customer->assignedBy != null)
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Assigned By</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->assignedBy->name}}

                                </div>
                            </div>
                            @endif
                            @if($customer->address !=null)
                            <div class="col s4 input-field">
                                <div class="col s12">
                                    <label>Address</label>
                                </div>
                                <div class="col s12">
                                    {{$customer->address != null?$customer->address:''}}
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</x-admin-layout>