@extends('layouts.admin')
@section('style')
    <style>
        .box-img img {
            height: 100%;
            width: 100%;
            object-fit: contain;
            border: #e6b6b638 1px solid;
            {{--  border-radius: 20px  --}}
        }

        .box-img {

            height: 100px;
        }

        .footer {
            position: fixed;
        }
    </style>
@endsection
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb  py-0">
            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ __('messages.Home') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.customers.index') }}">{{ __('messages.Customers') }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ __('messages.Create') }}</li>
        </ol>
    </nav>

    <form action="{{ isset($user) ? route('admin.customers.update' , $user->id) : route('admin.customers.store') }}" method="POST" enctype="multipart/form-data">
        @isset($user)
            @method("PATCH")
        @endisset
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header" data-bs-toggle="collapse" data-bs-target="#collapseExample">
                        <h4 class=".card-title">{{ __('messages.Customer data') }} <span class="text-primary fs-3"
                                style="float: inline-end;"><i class="mdi mdi-plus-circle"></i></span></h4>

                    </div>
                    <div class="card-body collapse show" id="collapseExample">
                        @csrf
                        <div class="row justify-content-between">
                            <div class="col-12 col-md-6">
                                <div class="mb-2">
                                    <label class="form-label" for="FullName">{{ __('messages.Name') }} <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="name" value="{{ old('name' , isset($user) ? $user->name : null) }}" id="FullName"
                                        class="form-control @error('name') is-invalid @enderror">
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label class="form-label" for="username">{{ __('messages.Username') }} <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="username" value="{{ old('username', isset($user) ? $user->username : null) }}" id="username"
                                        class="form-control @error('username') is-invalid @enderror">
                                    @error('username')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label class="form-label" for="Password">{{ __('messages.Password') }} <span
                                            class="text-danger">*</span></label>
                                    <input type="password" name="password" id="Password"
                                        class="form-control @error('password') is-invalid @enderror">
                                    @error('password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="mb-3">
                                    <label class="form-label" for="RePassword">{{ __('messages.Confirm password') }} <span
                                            class="text-danger">*</span></label>
                                    <input type="password" name="confirm_password" id="RePassword"
                                        class="form-control @error('confirm_password') is-invalid @enderror">
                                    @error('confirm_password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>


                                <div class="mb-3">
                                    <label class="form-label" for="mobile">{{ __('messages.Mobile') }} <span
                                            class="text-danger">*</span></label>
                                    <input type="number" name="mobile" value="{{ old('mobile', isset($user) ? $user->mobile : null) }}" id="mobile"
                                        class="form-control @error('mobile') is-invalid @enderror">
                                    @error('mobile')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label class="form-label" for="company_name">{{ __('messages.Company Name') }}</label>
                                    <input type="text" name="company_name" value="{{ old('company_name', isset($user) ? $user->company_name : null) }}"
                                        id="company_name" class="form-control @error('company_name') is-invalid @enderror">
                                    @error('company_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="mb-3">
                                    <label class="form-label">{{ __('messages.Image') }}</label>
                                    <div class="box-img">

                                        <img class="image-preview" src="{{ isset($user) ? asset($user->image) :  asset('default-images/user-image.png') }}"
                                            alt="">
                                    </div>
                                    <div class="text-center mt-2">
                                        <label for="image" class="btn btn-info">{{ __('messages.Choose an image') }} <i
                                                class="mdi mdi-file-image"></i></label>
                                    </div>
                                    <input type="file" name="image" class="d-none" id="image">
                                </div>
                                @error('image')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <!-- end row-->
                    </div> <!-- end card-body -->
                </div> <!-- end card -->
            </div><!-- end col -->
            <div class="col-6">
                <div class="card">
                    <div class="card-header" data-bs-toggle="collapse" data-bs-target="#collapse2">
                        <h4 class=".card-title">{{ __('messages.Customer Tax') }} <span class="text-primary fs-3"
                                style="float: inline-end;"><i class="mdi mdi-plus-circle"></i></span></h4>

                    </div>
                    <div class="card-body collapse show" id="collapse2">
                        @csrf
                        <div class="row justify-content-between">

                            <div class="mb-3">
                                <label class="form-label" for="user_tax">{{ __('messages.Tax username') }}<span
                                            class="text-danger">*</span></label>
                                <input type="text" name="user_tax" value="{{ old('user_tax', isset($user) ? $user->user_tax : null) }}" id="user_tax"
                                    class="form-control @error('user_tax') is-invalid @enderror">
                                @error('user_tax')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="password_tax">{{ __('messages.Tax password') }}<span
                                            class="text-danger">*</span></label>
                                <input type="text" name="password_tax" value="{{ old('password_tax' , isset($user) ? $user->password_tax : null) }}"
                                    id="password_tax" class="form-control @error('password_tax') is-invalid @enderror">
                                @error('password_tax')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label"
                                    for="electronic_stamp_password">{{ __('messages.Electronic seal password') }}</label>
                                <input type="text" name="electronic_stamp_password"
                                    value="{{ old('electronic_stamp_password', isset($user) ? $user->electronic_stamp_password : null) }}" id="electronic_stamp_password"
                                    class="form-control @error('electronic_stamp_password') is-invalid @enderror">
                                @error('electronic_stamp_password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>


                        </div>


                    </div>
                    <!-- end row-->
                </div> <!-- end card-body -->
            </div> <!-- end card -->
            <div class="col-6">
                <div class="card">
                    <div class="card-header" data-bs-toggle="collapse" data-bs-target="#collapse3">
                        <h4 class=".card-title">{{ __('messages.Electronic Invoice') }} <span class="text-primary fs-3"
                                style="float: inline-end;"><i class="mdi mdi-plus-circle"></i></span></h4>

                    </div>
                    <div class="card-body collapse show" id="collapse3">
                        @csrf
                        <div class="row justify-content-between">
                            <div class="mb-3">
                                <label for="invoice_office" class="form-label">{{ __('messages.Invoice Office') }}
                                </label>
                                <select name="invoice_office" class="form-select" id="invoice_office">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('invoice_office') == '1') @selected(isset($user) ? $user->invoice_office == 1 : false)>
                                        {{ __('messages.Yes') }}</option>
                                    <option value="0" @selected(old('is_active') == '0') @selected(isset($user) ? $user->invoice_office == 0 : false)>
                                        {{ __('messages.No') }}</option>
                                </select>
                                @error('invoice_office')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="invoice_email">{{ __('messages.Invoice Email') }}</label>
                                <input type="text" name="invoice_email" value="{{ old('Invoice Email') }}"
                                    id="invoice_email" class="form-control @error('invoice_email') is-invalid @enderror">
                                @error('invoice_email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label"
                                    for="invoice_password">{{ __('messages.Invoice Password') }}</label>
                                <input type="text" name="invoice_password" value="{{ old('invoice_password') }}"
                                    id="invoice_password"
                                    class="form-control @error('invoice_password') is-invalid @enderror">
                                @error('invoice_password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label"
                                    for="invoice_token_number">{{ __('messages.Invoice Token Number') }}</label>
                                <input type="text" name="invoice_token_number"
                                    value="{{ old('invoice_token_number') }}" id="invoice_token_number"
                                    class="form-control @error('invoice_token_number') is-invalid @enderror">
                                @error('invoice_token_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>


                        </div>


                    </div>
                    <!-- end row-->
                </div> <!-- end card-body -->
            </div> <!-- end card -->
            <div class="col-6">
                <div class="card">
                    <div class="card-header" data-bs-toggle="collapse" data-bs-target="#collapse4">
                        <h4 class=".card-title">{{ __('messages.Tax Returns') }} <span class="text-primary fs-3"
                                style="float: inline-end;"><i class="mdi mdi-plus-circle"></i></span></h4>

                    </div>
                    <div class="card-body collapse show" id="collapse4">
                        @csrf
                        <div class="row justify-content-between">
                            <div class="mb-3">
                                <label for="system_type" class="form-label">{{ __('messages.System Type') }}
                                </label>
                                <select name="system_type" class="form-select" id="system_type">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('system_type') == '1') @selected(isset($user) ? $user->system_type == 1 : false)>
                                        {{ __('messages.k') }}</option>
                                    <option value="0" @selected(old('system_type') == '0') @selected(isset($user) ? $user->system_type == 0 : false)>
                                        {{ __('messages.g') }}</option>
                                </select>
                                @error('system_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="income" class="form-label">{{ __('messages.Income') }}
                                </label>
                                <select name="income" class="form-select" id="income">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('income') == '1') @selected(isset($user) ? $user->income == 1 : false)>
                                        {{ __('messages.Yes') }}</option>
                                    <option value="0" @selected(old('income') == '0') @selected(isset($user) ? $user->income == 0 : false)>
                                        {{ __('messages.No') }}</option>
                                </select>
                                @error('income')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="value_added_tax" class="form-label">{{ __('messages.Value Added Tax') }}
                                </label>
                                <select name="value_added_tax" class="form-select" id="value_added_tax">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('value_added_tax') == '1') @selected(isset($user) ? $user->value_added_tax == 1 : false)>
                                        {{ __('messages.Yes') }}</option>
                                    <option value="0" @selected(old('value_added_tax') == '0') @selected(isset($user) ? $user->value_added_tax == 0 : false)>
                                        {{ __('messages.No') }}</option>
                                </select>
                                @error('value_added_tax')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="discount_and_collection" class="form-label">{{ __('messages.Discount And Collection') }}
                                </label>
                                <select name="discount_and_collection" class="form-select" id="discount_and_collection">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('discount_and_collection') == '1') @selected(isset($user) ? $user->discount_and_collection == 1 : false)>
                                        {{ __('messages.Yes') }}</option>
                                    <option value="0" @selected(old('discount_and_collection') == '0') @selected(isset($user) ? $user->discount_and_collection == 0 : false)>
                                        {{ __('messages.No') }}</option>
                                </select>
                                @error('discount_and_collection')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="salaries" class="form-label">{{ __('messages.Salaries') }}
                                </label>
                                <select name="salaries" class="form-select" id="salaries">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('salaries') == '1') @selected(isset($user) ? $user->salaries == 1 : false)>
                                        {{ __('messages.Yes') }}</option>
                                    <option value="0" @selected(old('salaries') == '0') @selected(isset($user) ? $user->salaries == 0 : false)>
                                        {{ __('messages.No') }}</option>
                                </select>
                                @error('salaries')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>


                    </div>
                    <!-- end row-->
                </div> <!-- end card-body -->
            </div> <!-- end card -->
            <div class="col-6">
                <div class="card">
                    <div class="card-header" data-bs-toggle="collapse" data-bs-target="#collapse5">
                        <h4 class=".card-title">{{ __('messages.Additional Data') }} <span class="text-primary fs-3"
                                style="float: inline-end;"><i class="mdi mdi-plus-circle"></i></span></h4>

                    </div>
                    <div class="card-body collapse show" id="collapse5">
                        @csrf
                        <div class="row justify-content-between">
                            <div class="mb-3">
                                <label for="file_type" class="form-label">{{ __('messages.File Type') }}
                                <span
                                            class="text-danger">*</span></label>
                                <select name="file_type" class="form-select  @error('file_type') is-invalid @enderror" id="file_type">
                                    <option value="">--------</option>
                                    <option value="work" @selected(old('file_type') == 'work') @selected(isset($user) ? $user->file_type == "work" : false)>
                                        {{ __('messages.Work') }}</option>
                                    <option value="save" @selected(old('file_type') == 'save') @selected(isset($user) ? $user->file_type == "save" : false)>
                                        {{ __('messages.Save') }}</option>
                                    <option value="stop" @selected(old('file_type') == 'stop') @selected(isset($user) ? $user->file_type == "stop" : false)>
                                        {{ __('messages.Stop') }}</option>
                                </select>
                                @error('file_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="rgister_number">{{ __('messages.Rgister Number') }}</label>
                                <input type="text" name="rgister_number" value="{{ old('rgister_number', isset($user) ? $user->rgister_number : null) }}"
                                    id="rgister_number" class="form-control @error('rgister_number') is-invalid @enderror">
                                @error('rgister_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="id_number">{{ __('messages.Id Number') }}</label>
                                <input type="text" name="id_number" value="{{ old('id_number', isset($user) ? $user->id_number : null) }}"
                                    id="id_number" class="form-control @error('id_number') is-invalid @enderror">
                                @error('id_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="paper_file" class="form-label">{{ __('messages.Paper File') }}
                                </label>
                                <select name="paper_file" class="form-select" id="paper_file">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('paper_file') == '1') @selected(isset($user) ? $user->paper_file == 1 : false)>
                                        {{ __('messages.Yes') }}</option>
                                    <option value="0" @selected(old('paper_file') == '0') @selected(isset($user) ? $user->paper_file == 0 : false)>
                                        {{ __('messages.No') }}</option>
                                </select>
                                @error('paper_file')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="electronic_file" class="form-label">{{ __('messages.Electronic File') }}
                                </label>
                                <select name="electronic_file" class="form-select" id="electronic_file">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('electronic_file') == '1') @selected(isset($user) ? $user->electronic_file == 1 : false)>
                                        {{ __('messages.Yes') }}</option>
                                    <option value="0" @selected(old('electronic_file') == '0') @selected(isset($user) ? $user->electronic_file == 0 : false)>
                                        {{ __('messages.No') }}</option>
                                </select>
                                @error('electronic_file')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="power_of_attorney" class="form-label">{{ __('messages.Power Of Attorney') }}
                                </label>
                                <select name="power_of_attorney" class="form-select" id="power_of_attorney">
                                    <option value="">--------</option>
                                    <option value="1" @selected(old('power_of_attorney') == '1') @selected(isset($user) ? $user->power_of_attorney == 1 : false)>
                                        {{ __('messages.Yes') }}</option>
                                    <option value="0" @selected(old('power_of_attorney') == '0') @selected(isset($user) ? $user->power_of_attorney == 0 : false)>
                                        {{ __('messages.No') }}</option>
                                </select>
                                @error('power_of_attorney')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>


                    </div>
                    <!-- end row-->
                </div> <!-- end card-body -->
            </div> <!-- end card -->
        </div><!-- end col -->
        </div><!-- end col -->

        <div class="col-lg-12 mt-4">
            <button type="submit" class="mb-5 btn btn-primary btn-block col-12">{{ __('messages.Save') }} <i
                    class="mdi mdi-content-save-outline me-1 fs-20 lh-1"></i></button>
        </div>

        </div><!-- end row -->
    </form>
@endsection

@section('script')
    <script>
        $('#image').change(function() {
            const file = this.files[0];
            console.log(file);
            if (file) {
                let reader = new FileReader();
                reader.onload = function(event) {
                    console.log(event.target.result);
                    $('.image-preview').attr('src', event.target.result);
                }
                reader.readAsDataURL(file);
            }
        });
    </script>
@endsection