@section('optional_css')
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
    <!-- summernote -->
    <link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs4.min.css') }}">
    <!-- CodeMirror -->
    <link rel="stylesheet" href="{{ asset('plugins/codemirror/codemirror.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/codemirror/theme/monokai.css') }}">

    <link rel="stylesheet" href="{{ asset('plugins/daterangepicker/daterangepicker.css') }}">
@endsection
@section('optional_js')
    <!-- Select2 -->
    <script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
    <!-- Summernote -->
    <script src="{{ asset('plugins/summernote/summernote-bs4.min.js') }}"></script>
    <!-- CodeMirror -->
    <script src="{{ asset('plugins/codemirror/codemirror.js') }}"></script>
    <script src="{{ asset('plugins/codemirror/mode/css/css.js') }}"></script>
    <script src="{{ asset('plugins/codemirror/mode/xml/xml.js') }}"></script>
    <script src="{{ asset('plugins/codemirror/mode/htmlmixed/htmlmixed.js') }}"></script>

    <script src="{{ asset('plugins/fileinput/fileinput.min.js') }}"></script>

    <!-- Bootstrap Switch -->
    <script src="{{ asset('plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>

    <!-- Date Picker -->
    <script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
    <script src="{{ asset('plugins/daterangepicker/daterangepicker.js') }}"></script>

    <script>
        $(document).ready(function () {
            $('.select2').select2({
                theme: 'bootstrap4'
            })

            $('.datepicker').daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                locale: {
                    format: 'YYYY-MM-DD'
                }
            })

            $("input[data-bootstrap-switch]").each(function(){
                $(this).bootstrapSwitch('state', $(this).prop('checked'));
            });
        })
    </script>
@endsection
<x-company-layout>
    <x-slot name="header">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">{{ __('Profile') }}</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
            </div><!-- /.col -->
        </div><!-- /.row -->
    </x-slot>
    @if(session('success'))
        <x-alert-success>
            {{ session('success') }}
        </x-alert-success>
    @endif
    <form class="form-horizontal" action="{{ route('company.profile.update') }}" method="POST" enctype="multipart/form-data">
        <x-card class="col-sm-12">
            <x-slot name="title">{{ __('Edit') }} {{ __('Profile') }}</x-slot>
            @csrf
            @method('PUT')
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Code') }}</x-label>
                <div class="col-sm-10">
                    <x-input readonly class="{{ $errors->has('code') ? 'is-invalid' : '' }}" type="text" name="code" :value="old('code', $user->code)"/>
                    @if ($errors->has('code'))
                        <small class="error invalid-feedback">{{ $errors->first('code') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Name') }}</x-label>
                <div class="col-sm-10">
                    <x-input class="{{ $errors->has('name') ? 'is-invalid' : '' }}" type="text" name="name" :value="old('name', $user->name)"/>
                    @if ($errors->has('name'))
                        <small class="error invalid-feedback">{{ $errors->first('name') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Photo') }}</x-label>
                <div class="col-sm-10">
                    <div class="fileinput fileinput-new {{ $errors->has('photo') ? 'is-invalid' : '' }}" data-provides="fileinput">
                        <div class="fileinput-preview img-thumbnail text-center mb-2" data-trigger="fileinput">
                            @if(!empty($user->photo))
                                <img src="{{ Storage::url($user->photo) }}" width="200">
                            @endif
                        </div>
                        <div>
                            <span class="btn btn-info btn-file">
                                <span class="fileinput-new">Select Image</span>
                                <input type="file" name="photo">
                            </span>
                            <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                        </div>
                        <p style="margin-top: 15px"><em>Upload photo if add photo</em></p>
                    </div>
                    @if ($errors->has('photo'))
                        <small class="error invalid-feedback">{{ $errors->first('photo') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('No WA PIC') }}</x-label>
                <div class="col-sm-10">
                    <x-input class="{{ $errors->has('phone') ? 'is-invalid' : '' }}" type="text" name="phone" :value="old('phone', $user->phone)"/>
                    @if ($errors->has('phone'))
                        <small class="error invalid-feedback">{{ $errors->first('phone') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Kirim Pasien') }}</x-label>
                <div class="col-sm-10">
                    <input type="checkbox" name="kirim_pasien" {{ (old('kirim_pasien', $user->kirim_pasien))?'checked':'' }} data-bootstrap-switch>
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Email') }}</x-label>
                <div class="col-sm-10">
                    <x-input class="{{ $errors->has('email') ? 'is-invalid' : '' }}" type="email" name="email" :value="old('email', $user->email)"/>
                    @if ($errors->has('email'))
                        <small class="error invalid-feedback">{{ $errors->first('email') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('NPWP') }}</x-label>
                <div class="col-sm-10">
                    <x-input class="{{ $errors->has('npwp') ? 'is-invalid' : '' }}" type="text" name="npwp" :value="old('npwp', $user->npwp)"/>
                    @if ($errors->has('npwp'))
                        <small class="error invalid-feedback">{{ $errors->first('npwp') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Nama Admin') }}</x-label>
                <div class="col-sm-10">
                    <x-input class="{{ $errors->has('admin') ? 'is-invalid' : '' }}" type="text" name="admin" :value="old('admin', $user->admin)"/>
                    @if ($errors->has('admin'))
                        <small class="error invalid-feedback">{{ $errors->first('admin') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Tanda Tangan') }}</x-label>
                <div class="col-sm-10">
                    <div class="fileinput fileinput-new {{ $errors->has('tanda_tangan') ? 'is-invalid' : '' }}" data-provides="fileinput">
                        <div class="fileinput-preview img-thumbnail text-center mb-2" data-trigger="fileinput">
                            @if(!empty($user->tanda_tangan))
                                <img src="{{ Storage::url($user->tanda_tangan) }}" width="200">
                            @endif
                        </div>
                        <div>
                            <span class="btn btn-info btn-file">
                                <span class="fileinput-new">Select Image</span>
                                <input type="file" name="tanda_tangan">
                            </span>
                            <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                        </div>
                        <p style="margin-top: 15px"><em>Upload tanda_tangan if add tanda_tangan</em></p>
                    </div>
                    @if ($errors->has('tanda_tangan'))
                        <small class="error invalid-feedback">{{ $errors->first('tanda_tangan') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Address') }}</x-label>
                <div class="col-sm-10">
                    <textarea class="form-control" name="address">{{ old('address', $user->address) }}</textarea>
                    @if ($errors->has('address'))
                        <small class="error invalid-feedback">{{ $errors->first('address') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('City') }}</x-label>
                <div class="col-sm-10">
                    <x-input class="{{ $errors->has('city') ? 'is-invalid' : '' }}" type="text" name="city" :value="old('city', $user->city)"/>
                    @if ($errors->has('city'))
                        <small class="error invalid-feedback">{{ $errors->first('city') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Country') }}</x-label>
                <div class="col-sm-10">
                    <x-input class="{{ $errors->has('country') ? 'is-invalid' : '' }}" type="text" name="country" :value="old('country', $user->country)"/>
                    @if ($errors->has('country'))
                        <small class="error invalid-feedback">{{ $errors->first('country') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Zip') }}</x-label>
                <div class="col-sm-10">
                    <x-input class="{{ $errors->has('zip') ? 'is-invalid' : '' }}" type="text" name="zip" :value="old('zip', $user->zip)"/>
                    @if ($errors->has('zip'))
                        <small class="error invalid-feedback">{{ $errors->first('zip') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Description') }}</x-label>
                <div class="col-sm-10">
                    <textarea class="form-control" name="description">{{ old('description', $user->description) }}</textarea>
                    @if ($errors->has('description'))
                        <small class="error invalid-feedback">{{ $errors->first('description') }}</small>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <x-label class="col-sm-2">{{ __('Password') }}</x-label>
                <div class="col-sm-10">
                    <x-input id="password" class="{{ $errors->has('name') ? 'is-invalid' : '' }}" type="password" name="password" :value="old('password')"/>
                    <small>{{ __('Empty If not Change') }}</small>
                    @if ($errors->has('password'))
                        <small class="error invalid-feedback">{{ $errors->first('password') }}</small>
                    @endif
                </div>
            </div>
            <x-slot name="footer">
                <x-button>{{ __('Save') }}</x-button>
            </x-slot>
        </x-card>
    </form>
</x-company-layout>