@extends('layout.master')

@push('plugin-styles')
    <link rel="stylesheet" href="{{ asset('assets/plugins/plugin.css') }}">
@endpush

@section('content')
    <div class="row">
        <div class=" col-lg-12 grid-margin stretch-card">
            <div class="card">
              <div class="card-body">
                <h4 class="card-title">Usuário</h4>
                <div class="row mb-3">
                    <div class="col-6">
                        <label for="name" class="form-label">Nome</label>
                        <input autofocus class="form-control my-1 mr-sm-2" style="border-radius: 1px;" type="text" name="name" id="name" 
                        value="{{ $user->name }}" disabled>
                    </div>
                    <div class="col-6">
                        <label for="email" class="form-label">E-mail</label>
                        <input class="form-control my-1 mr-sm-2" style="border-radius: 1px;" type="email" name="email" id="email" 
                        value="{{ $user->email }}" disabled>
                    </div>
                </div>
                <div class="row mb-3">
                    @if(Auth()->user()->role_id == 1)
                    <div class="col-4">
                        <label class="form-label" for="responsability">Setor</label>
                        <select class="custom-select form-control my-1 mr-sm-2" style="height: 2rem; border-radius: 1px;" name="sector_id" id="responsability" disabled>
                            <option value=""></option>
                            @foreach ($setores as $setor)
                            <option value="{{$setor->id}}" {{ $user->sector_id == $setor->id ? 'selected' : ''}}>{{$setor->nome}}</option>
                            @endforeach
                        </select>
                    </div>
                    @endif
                    <div class="col-4">
                        <label class="form-label" for="responsability">Tipo de Usuário</label>
                        <select class="custom-select form-control my-1 mr-sm-2" style="height: 2rem; border-radius: 1px;" name="role_id" id="roles" disabled>
                            <option value=""></option>
                            @foreach ($roles as $role)
                            <option value="{{$role->id}}" {{ $user->role_id == $role->id ? 'selected' : '' }}>{{$role->role}}</option>
                            @endforeach
                        </select>
                    </div>
                    {{-- <div class="col-4">
                        <label for="" class="form-label">Ano:</label>
                        <select name="year_id" id="" class="custom-select form-control my-1 mr-sm-2" style="height: 2rem; border-radius: 1px;" disabled>
                            <option></option>
                            @foreach ($anos as $ano)
                            <option value="{{$ano->id}}" {{ $user->year_id == $ano->id ? 'selected' : '' }}>
                                {{$ano->ano}}</option>
                            @endforeach
                        </select>
                    </div> --}}
                </div>
              </div>
              <div class="card-footer">
                <div class="row">
                  <div class="pagination justify-content-center mb-0">
                    {{-- {!! $projetos->links() !!} --}}
                    {{-- @if (isset($search))
                    {!! $produtos->appends($search)->links() !!}
                    @else
                    {!! $produtos->links() !!}
                    @endif --}}
                  </div>
                </div>
                <a class="btn btn-icons btn-rounded btn-primary float-right" href="{{ route('users.index') }}" title="Voltar">
                    <i class="mdi mdi-arrow-left"></i>
                </a>
              </div>

            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('/assets/plugins/chartjs/chart.min.js') }}"></script>
    <script src="{{ asset('/assets/plugins/jquery-sparkline/jquery.sparkline.min.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('/assets/js/dashboard.js') }}"></script>
@endpush