@extends('layouts.theme')
@section('title','Edit')
@section('style')
    <link href="{{url('libs/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{url('libs/magnific-popup/magnific-popup.css')}}" rel="stylesheet" type="text/css" /> 
@endsection
@section('content')
<style>
    table thead th{
        font-weight: 700 !important;
        color: #000000;
    }
    .container {
        background: #ffffff;
        padding: 70px 30px 79px;
    }
      
    table tr td, h3, h5{ 
        color: #000000;
    }
    h5{
        color: #000000;
        font-weight: 700;
    } 
    .table td {
        vertical-align: middle !important;
    }
    .financial-table thead th:nth-child(4) {
    width: 60%;
    }

    .financial-table thead th:nth-child(2) {
        width: 20%;
    }

    .financial-table thead th:first-child {
        width: 6%;
    }

    .financial-table thead th:last-child {
        width: 14%;
        text-align: center;
    }
    .financial-table tr td:last-child input { 
        text-align: center;
    }
    table th strong {
        font-weight: 800; 
    }
     
    .technical-table thead th:first-child {
        width: 6%;
    }
 

    .technical-table thead th:nth-child(2) {
        width: 31%;
    }

    .technical-table thead th:nth-child(3) {
        width: 6%;
        text-align: center;
    }

    .technical-table thead th:nth-child(4) {
        width: 30%;
        text-align: center;
    }

    .view-document {
        text-align: center; 
        padding: 6px;
    }

    .view-document i {
        font-size: 50px;
    }
    .technical-table td,
    .technical-table th {
        text-align: center;
    } 

    .technical-table tr td:nth-child(2),
    .technical-table tr th:nth-child(2) {
        text-align: left;
        border-right: 1px solid #e9ecef;
    }
    .technical-table thead th:nth-child(5) {
        width: 6%;
    }

    .technical-table thead th:nth-child(6) {
        width: 20%;
    }
    .technical-table tr td:nth-child(3), .technical-table tr th:nth-child(3) {
        border-right: 1px solid #e9ecef;
    }

    .technical-table tr td:nth-child(5), .technical-table tr th:nth-child(4) {
        border-right: 1px solid #e9ecef;
    }
    .technical-table tfoot tr td {
        border-right: 0px !important;
    }
</style>
<div class="page-content">
    <div class="container-fluid user-registrition">
        <div class="row">
            <div class="col-md-12 col-xl-12 col-sm-12 col-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title text-capitalize">Edit {{$type}} Form</h5>
                        @include('alertsInfo')
                        <!-- Nav tabs -->
                        <form action="{{url('apply/tender/'.encrypt($tender_company->id))}}" enctype="multipart/form-data" method="POST">
                            @csrf 
                            <input type="hidden" name="_method" value="PUT">
                            @include('tender_company/edit/'.$type)
                            <div>
                                <input type="submit" class="btn btn-success" value="Save Detail">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script') 
    <script src="{{url('libs/magnific-popup/jquery.magnific-popup.min.js')}}"></script>
    <script src="{{url('js/pages/lightbox.init.js')}}"></script>
@endsection