@extends('Web/layout')
@section('title','Internal Dispute Solution System')
@section('content')
<div class="pt-3">
    <div class="page-title d-flex">
        <div class="align-self-center">
            <a href="#" data-back-button class="me-3 ms-0 icon icon-xxs bg-theme rounded-s shadow-m">
            <i class="bi bi-chevron-left color-theme font-14"></i>
            </a>
        </div>
        <div class="align-self-center me-auto">
            <h1 class="color-theme mb-0 font-18">Internal Dispute <span class="color-highlight font-18"> Solution System</span></h1>
        </div>
        <div class="align-self-center ms-auto">
        
        </div>
    </div>
</div>
<div class="row text-center">
    <!-- <h1 class="color-theme mb-0 font-18 text-center">Internal Dispute <span class="color-highlight font-14"> Solution System</span></h1> -->
    <p class="font-20 font-800 mt-4 text-center" style="margin-bottom:10px;">We are ready 24/7 hours to support.</p>
    <h1 class="color-theme mb-2 font-18 text-center">Select Distype With</h1>
    <div class="col-6 mb-n2">
        <a href="{{route('visitnote.internalDisputeSolutionsStep2',['dispute_type' => 'Staff'])}}" class="card card-style me-0" style="height:180px">
            <div class="card-center">
                <span class="icon icon-xl rounded-m gradient-green shadow-bg shadow-bg-xs"><span class="font-24 color-white">S</span></span>
                <h1 class="font-22 pt-3">Staff</h1>
            </div>
        </a>
    </div>
    <div class="col-6 mb-n2">
        <a href="{{route('visitnote.internalDisputeSolutionsStep2',['dispute_type' => 'Associate'])}}" class="card card-style ms-0" style="height:180px">
            <div class="card-center">
                <span class="icon icon-xl rounded-m gradient-orange shadow-bg shadow-bg-xs"><span class="font-24 color-white">A</span></span>
                <h1 class="font-22 pt-3">Associate</h1>
            </div>
           
        </a>
    </div>
    
</div>

@endsection