@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title','Criando Procedimento')
{{-- vendor styles --}}
@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/pickers/pickadate/pickadate.css')}}">
@endsection
{{-- page styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/app-invoice.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/forms/select/select2.min.css')}}">
@endsection

@section('content')
    <!-- app invoice View Page -->
<section class="invoice-edit-wrapper">
  <div class="row">
    <!-- invoice view page -->
    <div class="col-xl-9 col-md-8 col-12">
      @if ($message = Session::get('success'))
      <div class="alert alert-success alert-block">
          <button type="button" class="close" data-dismiss="alert">×</button>
          <strong>{{ $message }}</strong>
      </div>
      @endif

      @if (count($errors) > 0)
        <div class="alert alert-danger">
          <strong>Ops!</strong> Ouve algum problema.
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif
      <div class="card">
        <div class="card-content">
          <div class="card-body pt-50">
            <!-- product details table-->
            <div class="invoice-product-details ">
              <form action="{{ route('procedure.store') }}" method="post">
                @csrf
                <div class="row">
                  <div class="col-12 col-sm-6">
                    <div class="form-group">
                      <div class="controls">
                        <label>Código e Nome</label>
                        <input type="text" name="name" class="form-control" placeholder="Digite Código e Nome" value="">
                      </div>
                    </div>
                    <div class="form-group">
                      <div class="controls">
                        <label>Tipo de Procedimento</label>
                        <select name="procedure_id" class="selectOk form-control">
                          <option value=""></option>
                          @foreach ($procedure_type as $item)
                            <option value="{{ $item->id }}" @if ($item->name == 'TUSS')
                                {{ 'selected' }}
                            @endif>{{ $item->name }}</option>
                          @endforeach
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                    <button type="submit" class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">Salvar</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
  </div>
</section>
@endsection

{{-- vendor scripts --}}
@section('vendor-scripts')
<script src="{{asset('vendors/js/pickers/pickadate/picker.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.date.js')}}"></script>
<script src="{{asset('vendors/js/forms/repeater/jquery.repeater.min.js')}}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>
@endsection
{{-- page scripts --}}
@section('page-scripts')
<script>
  $(document).ready(function(){
    $('.value').mask('000.000.000.000.000,00', {reverse: true});
  });
</script>
<script src="{{asset('js/scripts/pages/app-invoice.js')}}"></script>
<script src="{{asset('vendors/js/forms/select/select2.full.min.js')}}"></script>
<script src="{{asset('js/scripts/forms/select/form-select2.js')}}"></script>
@endsection