@extends('panel.layouts.master')
@section('title', 'ویرایش اطلاعات')

@section('content')
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <style>
        #sortable ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
        #sortable li { margin: 5px; padding: 5px; width: 150px; }
    </style>
    <section class="edit-shop">
        <main class="main-content">

            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">ویرایش کاربر {{ $user->name }} </h6>
                    <form action="{{ route("users.update", $user->id) }}" method="post" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="name">نام و نام خانوادگی</label>
                                <input type="text" name="name" class="form-control" value="{{old('name',$user->name)}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="phone">شماره موبایل</label>
                                <input type="text" name="phone" class="form-control" value="{{old('phone',$user->phone)}}" {{Gate::allows('user') ? 'readonly' : ''}}>
                            </div>
                        </div>
                            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                                <div class="form-group">
                                    <label for="support_code">کد پشتیبانی</label>
                                    <input type="text" name="support_code" class="form-control" value="{{$user->support_code}}" readonly>
                                </div>
                            </div>
                        @can('admin')
                            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                                <div class="form-group">
                                    <label for="roles">نقش</label>
                                    <select name="roles" class="form-control">
                                        @foreach (App\Models\User::RULES as $key => $item)
                                            <option value="{{ $key }}" {{ $user->role == $key ? 'selected' : '' }}>{{ $item }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                                <div class="form-group">
                                    <div class="custom-control custom-switch mt-5">
                                        <input type="checkbox" class="custom-control-input" id="status" name="status" {{ $user->status == 'active' ? 'checked' : ''}}>
                                        <label class="custom-control-label" for="status">وضعیت</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                                <div class="form-group">
                                    <label for="field">رشته تحصیلی</label>
                                    <select name="field" class="form-control">
                                        @foreach (App\Models\User::Field as $key => $item)
                                            <option value="{{ $key }}" {{ $user->field == $key ? 'selected' : '' }}>{{ $item }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                                <div class="form-group">
                                    <label for="grade">مقطع تحصیلی</label>
                                    <select name="grade" class="form-control">
                                        @foreach (App\Models\User::Grade as $key => $item)
                                            <option value="{{ $key }}" {{ $user->grade == $key ? 'selected' : '' }}>{{ $item }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endcan
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="avatar">عکس</label>
                                <div class="custom-file">
                                    <input type="file" name="avatar" class="custom-file-input" id="customFile">
                                    <label class="custom-file-label" for="customFile">انتخاب فایل</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-12">
                            <button type="submit" class="btn btn-success btn-uppercase" id="btn_save">
                                <i class="fas fa-check m-r-5"></i> ذخیره
                            </button>
                        </div>
                    </div>
                </form>
                </div>
            </div>
        </main>

    </section>

@endsection

@section('script')
<script type="text/javascript">
$('.js-example-basic-single').select2();
</script>
@endsection