@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ __('common.users') }} @endsection
@section('heading') {{ __('common.users') }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection
{{--@section('page-breadcrumbs'){{ Breadcrumbs::render($options['route_name']) }}@endsection --}}
@section('content')
    <style>
        .label{
            display: inline-block;
            color: white;
            padding: 0.5rem;
            font-family: sans-serif;
            border-radius: 0.3rem;
            cursor: pointer;
            margin-top: 1rem;
            background: {{config('custom.btn-back')}};
            background: {{config('custom.btn-back')}};
            border: 0;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }
        .invalid-feedback{ display: block; }
        label{
            font-family: 'Nunito', sans-serif;
            font-weight: bold;
            font-size: 15px;
        }
    </style>

    <div class="card card-secondary">
        <div class="card-header" style="background-color: {{config('custom.background')}}">
            <h3 class="card-title p-2">
                     {{ __('common.show') }} - {{ optional($form)->name }}
            </h3>
            <a
                href="{{ route('admin.users.index') }}"
                class="btn float-right" style="background-color: {{config('custom.btn-back')}}">
                <i class="material-icons">reply_all</i>&nbsp;
                {{ __('common.go_back') }}
            </a>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                <!-- User Information -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">
                                {{ __('common.customer_information') }}
                            </h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="name">{{__('auth.register.labels.name')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            placeholder="{{ __('auth.register.labels.name') }}"
                                            value="{{ old('name', $form->username??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="email">{{__('auth.register.labels.email')}}</label>
                                        <input
                                            type="email"
                                            id="email"
                                            name="email"
                                            class="form-control @error('email') is-invalid @enderror"
                                            placeholder="{{ __('auth.register.labels.email') }}"
                                            value="{{ old('email', $form->email??"") }}"
                                             readonly
                                        >
                                    </div>
                                </div>


                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="phone">{{__('auth.register.labels.phone')}}</label>
                                        <div class="row">
                                             <div class="col-8">
                                                <input
                                                    type="text"
                                                    id="phone"
                                                    name="phone"
                                                    class="form-control phone-input @error('phone') is-invalid @enderror"
                                                    placeholder="{{ __('Phone') }}"
                                                    value="{{ old('phone', $form->phone??"") }}" maxlength="10" readonly>
                                             </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0"
                                               for="status">{{__('common.status')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            placeholder="{{ __('auth.register.labels.name') }}"
                                            value="{{  $form->status??"" }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0"
                                               for="type">{{__('common.address')}}</label>
                                        <input
                                            type="text"
                                            id="address"
                                            name="address"
                                            class="form-control  @error('address') is-invalid @enderror"
                                            placeholder="{{ __('common.address') }}"
                                            value="{{  $form->address??"" }}" readonly>

                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="state">{{__('common.country')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            value="{{$form->country->name??"" }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="state">{{__('common.customer_state')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            placeholder="{{__('common.customer_state')}}"
                                            value="{{$form->state??"" }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="state">{{__('common.cityError')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            placeholder="{{__('common.cityError')}}"
                                            value="{{ $form->city??""}}"
                                            maxlength="191"
                                            readonly
                                        >

                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="state">{{__('common.dob')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            placeholder="{{__('common.dob')}}"
                                            value="{{ $form->dob??""}}"
                                            maxlength="191"
                                            readonly
                                        >

                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-6">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="state">{{__('common.account_no')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            value="{{ $bankdetail->account??""}}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="state">{{__('common.holder_name')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            value="{{ $bankdetail->name??""}}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-6">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="state">{{__('common.ifsc')}}</label>
                                        <input
                                            type="text"
                                            id="name"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            value="{{ $bankdetail->ifsc??""}}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <img id="view_image" src="{{url($form->profileImage??'')}}" height="100" width="200"  />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!-- Password Information -->
                    {{--                <div class="card" id="vendor-form">--}}
                    {{--                    <div class="card-header">--}}
                    {{--                        <h3 class="card-title">--}}
                    {{--                            {{ __('common.password_information') }}--}}
                    {{--                        </h3>--}}
                    {{--                    </div>--}}
                    {{--                    <div class="card-body">--}}
                    {{--                        <div class="row">--}}
                    {{--                            <div class="col-md-6 col-sm-12">--}}
                    {{--                                <div class="form-group input-group-sm ">--}}
                    {{--                                    <label class="mb-0 font-weight-normal"--}}
                    {{--                                           for="password">{{__('auth.register.labels.password')}}</label>--}}
                    {{--                                    <input--}}
                    {{--                                        type="password"--}}
                    {{--                                        id="password"--}}
                    {{--                                        name="password"--}}
                    {{--                                        class="form-control @error('password') is-invalid @enderror"--}}
                    {{--                                        placeholder="{{ __('auth.register.labels.password') }}"--}}
                    {{--                                        value=""--}}
                    {{--                                        maxlength="20"--}}
                    {{--                                    >--}}
                    {{--                                    @include('includes.invalid', ['field'=> 'password'])--}}
                    {{--                                      </div>--}}
                    {{--                            </div>--}}

                    {{--                            <div class="col-md-6 col-sm-12">--}}
                    {{--                                <div class="form-group input-group-sm ">--}}
                    {{--                                    <label class="mb-0 font-weight-normal"--}}
                    {{--                                           for="password_confirmation">{{__('auth.register.labels.password_confirmation')}}</label>--}}
                    {{--                                    <input--}}
                    {{--                                        type="password"--}}
                    {{--                                        id="password-confirm"--}}
                    {{--                                        name="password_confirmation"--}}
                    {{--                                        class="form-control @error('password') is-invalid @enderror"--}}
                    {{--                                        placeholder="{{ __('auth.register.labels.password_confirmation') }}"--}}
                    {{--                                        value=""--}}
                    {{--                                        maxlength="20"--}}
                    {{--                                    >--}}
                    {{--                                    @include('includes.invalid', ['field'=> 'password'])--}}
                    {{--                                </div>--}}
                    {{--                            </div>--}}
                    {{--                        </div>--}}
                    {{--                    </div>--}}
                    {{--                </div>--}}

                </div>
            </div>
        </div>

    </div>
    @push('body.end')

    @endpush


@endsection
@push('head.start')
@endpush
@push('body.end')
@endpush