@extends('admin.layouts.admin')

{{-- ===========  meta Title  =================== --}}
@section('title')
    اطلاعات کاربر
@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>
        #profile {
            width: 100%;
            height: auto;
            border: 1px solid #cccccc;
            border-radius: 50%;
        }

        .bg-light-gray {
            background-color: #f6f5f5;
        }
    </style>
@endsection
{{-- ===========  My JavaScript  =================== --}}

@section('script')
    <script>
        function changeLabel(tag) {
            //get the file name
            var fileName = tag.value;
            if (fileName.length > 0) {
                //replace the "Choose a file" label
                $('.custom-file-label').html(fileName);
            } else {
                $('.custom-file-label').html('فایلی را انتخاب نکرده اید');
            }

        }

        function submitForm(close) {
            $('#close').val(close);
            $('#user_form_info').submit();
        }
    </script>
@endsection
{{-- ===========      CONTENT      =================== --}}
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-12 d-flex justify-content-between">
                    <h5>{{ $user->first_name.' '.$user->last_name.' - '.  (isset($user->Role->display_name) ? $user->Role->display_name : '-')  }}</h5>
                    <div>
                        <a title="کیف پول" href="{{ route('admin.wallet.index',['user'=>$user->id]) }}"
                           class="btn btn-sm btn-primary">
                            <i class="fa fa-wallet"></i>
                        </a>
                        <a title="بازگشت" href="{{ route('admin.user.index') }}"
                           class="btn btn-sm btn-secondary">
                            <i class=" fa fa-arrow-left"></i>
                        </a>
                    </div>
                </div>
                <div class="col-12">
                    <hr>
                </div>
            </div>
            <div class="col-xl-12 col-md-12 mb-1 p-4 bg-white">
                @include('admin.sections.errors')
                <form id="user_form_info"
                      action="{{ route('admin.user.update',['user'=>$user->id]) }}"
                      method="POST"
                      enctype="multipart/form-data">
                    <input type="hidden" id="close" name="close" value="0">
                    @csrf
                    @method('put')
                    <div class="form-group row">
                        <div class="col-sm-4 mb-3">
                            <label>نام</label>
                            <input name="first_name" class="form-control mb-2 border"
                                   value="{{ $user->first_name }}">
                        </div>
                        <div class="col-sm-4 mb-3">
                            <label>نام خانودگی</label>
                            <input name="last_name" class="form-control mb-2 border"
                                   value="{{ $user->last_name }}">
                        </div>
                        <div class="col-sm-4 mb-3">
                            <label>کد ملی</label>
                            <input name="national_code" class="form-control mb-2 border"
                                   value="{{ $user->national_code }}">
                        </div>
                        <div class="col-sm-4 mb-3">
                            <label>وضعیت</label>
                            <select name="is_active" class="form-control mb-2 border">
                                <option value="1" {{ $user->is_active==1 ? 'selected' : ''  }}>فعال</option>
                                <option value="0" {{ $user->is_active==0 ? 'selected' : ''  }}>غیر فعال
                                </option>
                            </select>
                        </div>
                        @auth