@extends('layouts.masterHome2')

@section('content')

@if (session()->has('message'))
<div class="row">
        <!-- left column -->
        <div class="col-md-2"></div>
        <div class="col-md-4 alert alert-success alert-dismissible" style="font-size:18px;font-weight:bold;width:400px;margin-left:15px">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                {!! session('message') !!}
        </div>
</div> 
@endif

<div class="row" style="padding:10px">
<div class="col-md-1" style="margin-left:18px"></div>
<div class="col-md-6" style="margin-left:18px">
      <div class="card card-info">
          <div class="card-header">
            <h3 class="card-title">أضافة عهدة   </h3>
          </div>
          <!-- /.card-header -->
          <!-- form start -->
          <form  role="form" method="POST" action="{{ url('/trust/create') }}">
                        {{ csrf_field() }}
          <div class="box-body">
            <div class="card-body">

                <div class="form-group">
                  <label for="exampleInputPassword1">  أسم العهدة   </label>
                  <input type="text"  id="name" name="name" class="form-control"  placeholder=" أسم العهدة   " required>
                </div>

                
                <div class="form-group">
                  <label>  نوع العهدة </label>
                  <select class="form-control select2 select2-hidden-accessible"    style="width: 100%;" name="type" id="type" onchange="check_function(this)" required>
                  <option value="عهدة غير مربوطة بمبلغ"  >عهدة غير مربوطة بمبلغ</option>
                  <option value="عهدة مربوطة بمبلغ"  >عهدة مربوطة بمبلغ</option>
                   </select>
                  </div>

                  <div class="form-group" id="div_hidden" style="display: none">
                  <label for="exampleInputPassword1">المبلغ   </label>
                  <input type="text"  id="amount" name="amount" class="form-control"  placeholder=" amount   " >
                </div>


                <div class="card-footer">
                  <button type="submit" class="btn btn-info">Add </button>
                </div>  

              </div>
          </div>


          </form>
      </div>


    </div>
  </div>




  <script>

function check_function (sel){

console.log("heeeeeeeeeee");
let type = sel.options[sel.selectedIndex].text;
console.log(type);
let div_hidden = document.getElementById('div_hidden');

if( type == "عهدة مربوطة بمبلغ"){
  div_hidden.style.display = "block";
  document.getElementById('amount').required = true;

}else {
  div_hidden.style.display = "none";
  document.getElementById('amount').required = false;
}

}

</script>

@endsection