@extends('layouts.admin')



@section('content')


<H1 style="margin-top: 40px;">Scholorship</H1>

 
<!-- Button trigger modal -->
<button style="float:right; margin-top: -45px; background-color: #007bff; color:white" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Add Record
</button>
 @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
    @endif

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Add Scholorship</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{ route('Scholorship.store') }}" method="POST">
    @csrf

     <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Course:</strong>
                <input type="text" name="department" class="form-control" placeholder="Name">
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Name Of Country:</strong>
                <input type="text" name="country" class="form-control" placeholder="Name">
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Fees:</strong>
                <input type="number" name="fees" class="form-control" >
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Discount:</strong>
                <input type="number" name="discount" class="form-control" >
            </div>
        </div>
        <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">Save changes</button>
      </div>
    </div>

</form>
      </div>
     
    </div>
  </div>
</div>









<table class="table table  table-striped table-sm">
    <thead>
      <tr>
        <th>No</th>
        <th width="16%">Course</th>
        <th width="20%">Country</th>
        <th width="10%">Fees</th>
        <th>Discount</th>
        <th>Total</th>
        <th width="15%">Action</th>
      </tr>
    </thead>

    <tbody>
            @foreach($scholorships as $scholarship)
      <tr>
        <td>{{$scholarship->id}}</td>
         <td>{{$scholarship->department}}</td>
        <td>{{$scholarship->country}}</td>
        <td>{{$scholarship->fees}}</td>
        <td>{{$scholarship->discount}}</td>
       
        <td>{{$total=$scholarship->fees-$scholarship->discount }} </td>
        <td>
            
           <form action="{{ route('Scholorship.destroy',$scholarship->id) }}" method="POST">

                  

                    @csrf
                    @method('DELETE')

                    <button type="submit" class="btn btn-danger">Delete</button>
                </form>
            </a>
            

        </td>
      </tr>
      @endforeach
     
            

        </td>
      </tr>
    </tbody>


    
  </table>
   <div class="box">
    
    Number of ScholorShip::   ({{ $data->count() }}) </br>
    Kardan University Of Afghanistan </br>

  </div>
  <div class="col-md-2"></div>   
{!! $scholorships->links() !!}


@endsection

<style>
    .box{
        height: auto;
        width: 300px;
        float: right;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
        font-family: "Comic Sans MS", cursive, sans-serif;
        box-shadow: 0px 5px 25px 0px gray;
        border-radius: 5px;
        background-color: white;
        color:black;
    }

</style>