@extends('home.layouts.index')

@section('title')
    تغییر کاربری
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('home/css/profile_panel.css') }}">

    <style>
        .nice-select {
            width: 100%;
        }

    </style>
@endsection

@section('script')
    <script>
        // Show File Name
        $('#image').change(function () {
            //get the file name
            var fileName = $(this).val();
            //replace the "Choose a file" label
            $(this).next('.custom-file-label').html(fileName);
        });
        $('input[name="company_type"]').click(function () {
            radio_btn_checked();
        });
        $(document).ready(function () {
            radio_btn_checked();
        });

        function radio_btn_checked() {
            let company_type = $('input[name="company_type"]:checked').attr('data-company-type');
            $('.company_type').addClass('d-none');
            $('.company_type_' + company_type).removeClass('d-none');
        }
    </script>
@endsection

@section('content')
    <div class="page-banner-section section bg_image--3">
        <div class="container">
            <div class="row">
                <div class="col">

                    <div class="page-banner text-center">
                        <ul class="page-breadcrumb">
                            <li><a href="{{ route('home.index') }}">خانه</a></li>
                            <li>پروفایل کاربری</li>
                        </ul>
                    </div>

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


    <!-- my account wrapper start -->
    <div class="my-account-wrapper my-5">
        <div class="container card">
            <div class="row card-body">
                <div class="col-lg-12">
                    <!-- My Account Page Start -->
                    <div class="myaccount-page-wrapper">
                        <!-- My Account Tab Menu Start -->
                        <div class="row text-right" style="direction: rtl;">
                            <div class="col-lg-3 col-md-4">
                                @include('home.sections.profile_sidebar')
                            </div>
                            <!-- My Account Tab Menu End -->
                            <!-- My Account Tab Content Start -->
                            <div class="col-lg-9 col-md-8">
                                <div class="tab-content" id="myaccountContent">
                                    <div class="myaccount-content">
                                        @if($user->name==null or $user->national_code==null)
                                            <div class="alert alert-info text-center">
                                                برای فعال شدن منو ها از قسمت <a class="ht-btn mx-2"
                                                                                href="{{ route('home.users_profile.index') }}">پروفایل</a>
                                                اطلاعات خود را تکمیل نمایید
                                            </div>
                                        @else
                                            <h3>

                                                @if($user->Role->id!=3)
                                                    درخواست
                                                @else
                                                    ویراش
                                                @endifاکانت حقوقی </h3>
                                            <div class="account-details-form">
                                                <form action="{{ route('home.profile.change_role') }}"
                                                      method="POST" enctype="multipart/form-data">
                                                    @csrf
                                                    @method('put')
                                                    <div class="row mt-3">
                                                        @error('company_type')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                        @enderror
                                                        <div class="col-12">
                                                            <div class="single-input-item mb-2">
                                                                <label for="company_name" class="required">
                                                                    نام موسسه/شرکت *
                                                                </label>
                                                                <input id="company_name" name="company_name"
                                                                       class="form-control form-control-sm"
                                                                       value="{{ $user->Role->id!=3 ? old('company_name') : $user->company_name }}"
                                                                >
                                                                @error('company_name')
                                                                <div class="invalid-feedback">
                                                                    {{ $message }}
                                                                </div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="single-input-item mb-2">
                                                                <label for="company_sabt_number" class="required">
                                                                    شماره ثبت شرکت *
                                                                </label>
                                                                <input id="company_sabt_number" name="company_sabt_number"
                                                                       class="form-control form-control-sm"
                                                                       value="{{ $user->Role->id!=3 ? old('company_sabt_number') : $user->company_sabt_number }}">
                                                                @error('company_sabt_number')
                                                                <div class="invalid-feedback">
                                                                    {{ $message }}
                                                                </div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="single-input-item mb-2">
                                                                <label for="company_shenase_melli" class="required">
                                                                    شناسه ملی شرکت *
                                                                </label>
                                                                <input id="company_shenase_melli" name="company_shenase_melli"
                                                                       class="form-control form-control-sm"
                                                                       value="{{ $user->Role->id!=3 ? old('company_shenase_melli') : $user->company_shenase_melli }}"
                                                                >
                                                                @error('company_shenase_melli')
                                                                <div class="invalid-feedback">
                                                                    {{ $message }}
                                                                </div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="single-input-item mb-2">
                                                                <label for="company_address" class="required">
                                                                    آدرس شرکت *
                                                                </label>
                                                                <textarea rows="4" id="company_address" name="company_address"
                                                                          class="form-control form-control-sm">{{ $user->Role->id!=3 ? old('company_address') : $user->company_address }}</textarea>
                                                                @error('company_address')
                                                                <div class="invalid-feedback">
                                                                    {{ $message }}
                                                                </div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="single-input-item mb-2">
                                                                <label for="company_postalCode" class="required">
                                                                    کد پستی شرکت *
                                                                </label>
                                                                <input id="company_postalCode" name="company_postalCode"
                                                                       class="form-control form-control-sm" value="{{ $user->Role->id!=3 ? old('company_postalCode') : $user->company_postalCode }}">
                                                                @error('company_postalCode')
                                                                <div class="invalid-feedback">
                                                                    {{ $message }}
                                                                </div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="single-input-item mt-3">
                                                        <button type="submit" class="ht-btn black-btn">
                                                            @if($user->Role->id!=3)
                                                            تکمیل
                                                            @else
                                                            ویراش
                                                            @endif
                                                            اطلاعات
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                        @endif
                                    </div>

                                </div>
                            </div> <!-- My Account Tab Content End -->
                        </div>
                    </div> <!-- My Account Page End -->
                </div>
            </div>
        </div>
    </div>
    <!-- my account wrapper end -->
@endsection