@extends('layouts.adminlayout')

@section('content')





<section class="color-bg">
    <div class="container ">
 {{--    <form action="{{url('/')}}/area/store" method="post">
        @csrf
        <div class="row py-4">
            <div class="col-4">
                <h4>Add Section</h4>
            </div>
            <div class="col-3 offset-4">
              <input class="form-control" type="text" name="name" placeholder="Add Area Name" required>
            </div>
            <div class="col-1">
                <button type="submit" class="btn butong  w-100">Submit</button>
            </div>
        </div>
      </form> --}}
      @if(isset($sarea) && !empty($sarea))
        <form action="{{url('/')}}/area/update/{{$sarea->id}}" method="post">
        @csrf
          <div class="row py-4">
              <div class="col-4">
                  <h4>Edit Section</h4>
              </div>
              <div class="col-3">
                <input class="form-control" type="text" name="name" value="{{$sarea->name}}" placeholder="Edit Area Name" required>
              </div>
              <div class="col-1">
                  <button type="submit" class="btn butong  w-100">Submit</button>
              </div>
          </div>
        </form>
      @endif
    </div>
</section>
<div class="container">
    <div class="row">
        <div class="col-12 my-4">
            <div class="shadw br p-4">
                
                <table class="table caption-top">
                  
                  <thead>
                    <tr>
                      <th scope="col" class="bdr">ID</th>
                      <th scope="col" class="bdr">Section Name</th>
                      <th scope="col" class="bdr">Plant Name</th>
                      <th scope="col" class="bdr">Territory Name</th>
                      <th scope="col">ACTION</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($areas as $index => $area)
                    <tr>
                      <td scope="row" class="bdr">
                        {{$index + 1}}
                      </td>
                      
                      <td class="bdr">
                        {{$area->name}}
                      </td>
                      
                      <td class="bdr">
                        {{$area->plant->name}}
                      </td>
                      
                      <td class="bdr">
                        {{$area->plant->territory->name}}
                      </td>
       
                      <td>
                             <a href="{{url('/')}}/area/edit/{{$area->id}}" class="btn butono px-4">Edit</a>
                      </td>
                    
                    </tr>
                    @endforeach
                  </tbody>
                </table>
            </div>
        </div>
       
    </div>
</div>

@endsection